如何搭建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-cli脚手架

vue create project

2.

npm run serve (根据packet.json里的配置来决定是serve还是dev)

如何搭建vue-cli脚手架