VUE环境搭建

一、下载安装node.js(npm)

官网有最新版的nodejs，但是最新版可能有各种情况出现，网上的教程针对旧版的教程，这里使用一个廖雪峰老师给出的nodejs链接--》node.js国内镜像

按照步骤直接点击下一步完成安装，nodejs默认集成了npm，无需再次安装。

输入npm -v 也可以查看npm是否成功安装，安装成功后出现版本号说明nodejs.npm安装成功。

1.配置文件夹

我的nodejs是默认安装路径C:\Program Files\nodejs，最开始是安装在其他盘的，但是配置的时候各种问题，后重装改为默认路径

在C:\Program Files\nodejs文件夹内新建两个文件夹用于全局存放依赖包路径，和缓存路径

缓存C:\Program Files\nodejs\node_cache

存放C:\Program Files\nodejs\node_global

文件夹创建完成后打开命令行输入如下命令 配置路径：

npm config set cache  "C:\Program Files\nodejs\node_cache"

回车

输入：
npm config set prefix "C:\Program Files\nodejs\node_global"  回车

（输入指令后，命令行闪一下，不会有任何提示）

2.安装webpack

webpack分为全局安装，与项目安装（安装在你指定的文件夹内），我这里使用的是全局安装

启动cmd，键入如下的命令：

npm install webpack -g

点击回车，会有一个进度条，等待进度条完成后，出现如下信息(具体信息可能有差别，但是只要不出现error说明安装成功)

环境变量配置

我的电脑——右键属性——高级系统设置——高级———环境变量 

分别新建用户变量PATH和系统变量NODE_PATH、Path

PATH和NODE_PATH、Path全部设置为：C:\Program Files\nodejs\node_global。

注意：主要已Path系统环境变量为主。

如果以npm命令打包则：

安装 webpack，以全局的方式安装：

如果已CNPM打包则：

2、执行npm install -g cnpm --registry=https://registry.npm.taobao.org

3、

win7 删除package.json中img相关的三行

4、

执行 cnpm install

如果这一步报错，要装node8以下版本，node-v6.17.1-x64.msi

5、

执行cnpm run build

如果这一步报错，需要删除当前页面目录下的node_modules，重新执行cnpm install

注意：如果在安装过程中，出现安装失败，都需要删除失败的node_modules在重新下载。