vue项目创建完整过程

1.npm:安装node环境，安装地址http://nodejs.cn/download/

　　npm 淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

2.webpack : 它主要的用途是通过CommonJS的语法，把所有浏览器端需要发布的静态资源，做相应的准备，比如资源的合并和打包。

3.配置 PATH 和 NODE_PATH:
　　a、修改path: D:\Program Files\nodejs\node_global;

　　b、新增NODE_PATH：D:\Program Files\nodejs\node_global\node_modules

4.安装vue 全局

npm install vue -g

// vue-cli 2.0
npm install vue-cli -g 

//vue-cli3.0 安装前需卸载2.0
npm install -g @vue/cli

 

 

5.切换到项目路径初始化vue项目

　　a. vue-cli 2.*版本 

vue init webpack myProject

 

　　b. vue-cli 3 版本 

vue create myProject

 

6. 启动vue项目

npm run dev //2.*版本

npm run serve // cli3 版本

 

7. cli3版本还有界面化操作

vue ui