搭建vue软件环境

1. 软件配置
2. webstorm

注：以下所有操作（包括丹丹老师的文档）都要连接自己的热点

1. Nodejs安装：
   在D:\Program Files下新建文件夹nodejs；
   前往nodejs官网下载；

然后点击安装，选择自己要安装的路径，选择的是：D:\Program Files\nodejs，安装至完成。 （就一直点next就好了）；

2. window+R,输入cmd,打开管理员命令提示符窗口 （是以管理员身份运行），如下图所示：

3. 输入npm –v

4. 环境变量配置：
    分别输入（可以复制）
   npm config set prefix “C:\Program Files\nodejs\node_global”
   npm config set cache"C:\Program Files\nodejs\node_cache"

完成后会在文件夹中看到有node_global文件夹（实际情况中node_cache文件夹不会出现）

 操作如下：
我的电脑右击，打开属性->高级系统设置->环境变量；
在系统变量->新建->NODE_PATH->
输入路径D:\Program Files\nodejs\node_global\node_modules
完成后一定要点击确定

5. 在命令行输入以下命令安装express（注：“-g”表示安装到global目录下，就是上面设置的node_global中）
   npm install express –g

6. 在命令行输入node进入编辑模式，输入以下代码检测是否能正常加载模块：
   require(‘express’)
   若成功则如下图所示：

成功后输入 .exit 退出编辑模式
7) 安装cnpm：
 输入：
npm install -g cnpm --registry=https://registry.npm.taobao.org

 环境配置：
1、我的电脑右击，打开属性->高级系统设置->环境变量；
在系统变量中->双击path进行编辑->新建->输入路径D:\Program Files\nodejs->点击确定

2、我的电脑右击，打开属性->高级系统设置->环境变量；
在上方的用户变量中->双击path进行编辑->新建->输入路径D:\Program Files\nodejs\node_global->点击确定

 输入：
cnpm -v

所有的东西的路径都会如上图所示就说明成功了！

附：
如果在第7）步输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
后出现错误，请按一下命令依次输入：
原因分析：代理地址问题
解决办法：首先清理掉之前异常的下载内容，使用指令：npm cache clean --force
然后修改代理：代理置空 npm config set proxy null
npm config set https-proxy null
修改代理： npm config set registry http://registry.cnpmjs.org/
再执行：npm install -g vue-cli

利用cnpm安装webpack 命令行语句为cnpm install webpack -g
Error: Cannot find module ‘webpack-cli’–解决方案
原因： 得要全局安装

解决方案： cnpm install webpack-cli -g
全局安装 vue-cli（CMD指令如下）
cnpm install vue-cli –g

然后再安装：npm install -g cnpm --registry=https://registry.npm.taobao.org

8、导入项目

1. 下载项目代码：
   a) git clone -b
2. 安装Node_module：
   a) 用管理员权限打开cmd：

b) 进入项目文件夹：

c) 输入cnpm install下载包：

3. 在webstorm中配置并跑起来：
   a) 用webstorm打开项目文件夹，点击主菜单中Edit Configurations

b) 选择npm后，按下图配置：

c) 加好后，直接点击

d) 自动弹开首页：