Vue2.0 开发环境搭建

一、安装nodejs有两种方法：

1、（不推荐）在nodejs官网下载nodejs.msi这种安装包，虽然msi直接安装，即可以将node和npm安装好，并且自动配置环境变量。但是，这种方法不会自动配置npm的node_modules环境变量，所以，到后面执行cnpm install 安装包的时候，就是不知道会把那些包装到哪个默认的地方...

2、在nodejs官网下载node.exe进行安装，下面便是详细安装过程

二、安装 nodejs，npm

1、在C:\Program Files\nodejs文件夹上

2、配置环境变量

     （1）在Path变量后面添加：C:\Program Files\nodejs

     （2）创建一个NODE_PATH变量：C:\Program Files\nodejs\node_modules

3、打开cmd命令，进入到C:\Program Files\nodejs目录下

      cd  C:\Program Files\nodejs\node_modules

4、输入node -v 查看node的版本，即成功安装nodejs

node -v

5、输入npm-v 查看npm的版本，即成功安装npm

      npm -v

三、安装淘宝镜像

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

四、安装webpack

        cnpm install  -g webpack               

五、安装vue脚手架

cnpm install -g vue、

cnpm install -g vue-cli 

六、创建项目

1、在桌面创建一个文件夹myvue

2、进入到该文件夹目录下        cd C:\Users\Administrator\Desktop\myvue    

3、 vue init webpack-simple 工程名字<工程名字不能用中文>

       vue init webpack-simple qivue

七、安装项目依赖

1、进入到项目目录下    cd qivue

2、cnpm install

八、启动项目

cnpm run dev

九、成功