1.npm切换成淘宝镜像:
npm config set registry https://registry.npm.taobao.org
如果有的包下载不了,再重置回npm源
npm config set registry https://registry.npmjs.org/
2.安装webpack:
npm install webpack -g
3.安装vue脚手架:
npm install vue-cli -g
4.根据模板创建项目:
vue init webpack 项目名称
5.选择项目文件夹:
cd 项目名称
6.安装项目依赖:
npm install
7.安装 vue 路由模块vue-router和网络请求模块vue-resource:
npm install vue-router vue-resource
8.在开发环境下启动项目:
npm run dev
注意:
1.有的时候由于 npm 不是最新的版本,用 老版本就会出现报错.解决办法:
npm update -g
2.如果你用的是老版本的 vue-cli 还可能报其他错误,需要更新一下vue-cli:
npm update vue-cli
命令方式搭建VUE项目
1.创建项目
vue init webpack vueProject
2.跑起npm run dev 项目
http-server 或者 live-server