vue-cli2脚手架搭建vue项目

这是vue-cli2旧版本的创建方式

一、下载nodejs并安装和配置环境变量

1.安装nodejs，我是安装在D盘下，在nodejs的安装目录下新建node_cache和node_global两个文件夹存放全局安装的包。

2.设置上面两个文件夹以后安装的-g的全局包都会在配置的目录下了。
    npm config set prefix "D:\Program Files\nodejs\node_global"
    npm config set cache "D:\Program Files\nodejs\node_cache"

3.配置环境变量
   打开计算机的环境变量，找到系统变量的PATH，新增两项。
   1： D:\Program Files\nodejs\node_modules
   2： D:\Program Files\nodejs\node_global

4.变量配置完，可以输入npm install express -g 命令试一下看能否正常用安装

5.配置淘宝镜像cnpm（不推荐，会有一些bug）
   npm install -g cnpm --registry=https://registry.npm.taobao.org

6.设置npm镜像源（推荐）
   1.设置npm的淘宝镜像源
   npm config set registry https://registry.npm.taobao.org
   2.测试一下镜像源地址
   npm get registry
   3.不想要可以还原成默认的
   npm config set registry https://registry.npmjs.org/

二、安装vue-cli脚手架

以上环境都配置好后，打开命令窗口，输入：
    npm install vue-cli -g 
会自动下载vue-cli安装到配置好的全局目录里去

三、使用vue-cli脚手架创建项目

 1. vue init webpack 项目名  （项目名小写，其他一直按回车，注意安装eslint时候选择N不安装）
 2. cd project
 3. npm install
 4. npm run dev

四、完成安装启动后，看下图就知道启动成功了