如何搭建vue-cli脚手架
搭建vue的开发环境:
1、必须要安装nodejs,附上:nodejs安装教程
2、搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具
npm install -g cnpm --registry=https://registry.npm.taobao.org //淘宝源,速度更快
npm install --global vue-cli / cnpm install --global vue-cli (此命令选一只需要执行一次)
3、创建项目 必须cd到对应的一个项目里面
vue init webpack vue-demo01 //创建一个vue-demo01的目录文件
cd vue-demo01 //cd 到目录文件下
cnpm install / npm install //安装依赖
npm run dev //运行
如果创建项目的时候没有报错,这一步可以省略。如果报错了 cd到项目里面运行 cnpm install / npm install
4、另一种创建项目的方式 (推荐)
npm install -g cnpm --registry=https://registry.npm.taobao.org
vue init webpack-simple vuedemo02
cd vuedemo02
cnpm install / npm install
npm run dev
还有以一种就是直接cd到项目文件夹创建
1.
vue create project
2.
npm run serve (根据packet.json里的配置来决定是serve还是dev)