记录一下代码小白第一次搭建vue项目

参考教程:https://www.cnblogs.com/wangenbo/p/8487764.html
https://blog.csdn.net/wanxue0804/article/details/79427332

准备:
1.下载并安装 node.js
下载地址:https://nodejs.org/en/download/
配置环境变量path:把node安装地址加入path
查看node版本:node -v

注:若出现版本及安装成功

2.npm/cnpm
基于node.js,利用淘宝npm镜像安装相关依赖npm(cnpm):
npm install -g cnpm –registry=https://registry.npm.taobao.org

3.webpack
cnpm install webpack -g
安装失败解决办法:
1)首先npm uninstall webpack -g (全局卸载)
2)全局安装 cnpm install -g webpack@1.13.2

4.vue-cli
cnpm install -g vue-cli
vue不是内部命令解决办法:
1)确保vue成功安装
2)配置环境变量:npm的安装路径(查看npm默认安装路径:npm config get prefix)
3)输入vue -V出现版本信息就成功了

5.开始构建项目:vue init webpack my-project
报错处理:

1)下载模板
在https://github.com/vuejs-templates/
下载webpack-simple 或 webpack

2)解压zip,放置文件夹
把解压出的文件夹放在
C:\Users\Administrator\.vue-templates

3.离线执行vue init
到你的project的文件夹,执行
vue init webpack project --offline
或
vue init webpack-simple project --offline
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值