参考教程: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