第8篇 vue开发环境搭建

window系统上部署vue的开发环境

1.安装nodejs

1.1下载并安装node.js
在浏览器中打开nodejs官网https://nodejs.org/zh-cn/ ，选择需要的版本直接点击即可下载，可以选择长期支持的版本【自由选择】

然后就是一系列的“下一步”

2.检查nodejs是否安装成功

打开cmd，输入命令 node -v, 如果看到了刚才下载的版本号，则表示已经安装成功

3.安装cnpm

虽然nodejs自带npm，但是在国内由于网速的限制可能下载一些组件包会比较慢，所以可以根据自身情况安装并使用淘宝cnpm镜像（国内使用下载速度比较快）
在cmd中运行命令

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

如果出现以下的错误信息，说明这个镜像已经过期，不再维护，所以域名证书过期也不更新了。 需要切换为新的淘宝镜像：

先更新配置新的淘宝镜像

确认是否已生效

然后再次使用 npm install 就可以正常工作了。

安装完成后，可以输入 cnpm -v进行查看

如果报了以上的错误，该怎么办：
真正的执行路径是C:\Program Files\nodejs\node_global，你需要依据自己的nodejs和cnpm安装实际路径去添到系统环境变量里。然后再执行cnpm命令就ok了。
比如我安装的nodejs实际是在D盘的，那么就得给这个路径设置系统变量

在用户变量下，新建一个“NODE_PATH”，值为“D:\Program Files\Nodejs” 【注：这个路径就是你的实际nodejs安装的路径】

然后在path新建一个环境变量

接着在系统变量中的Path 添加“%NODE_PATH%”变量

执行完成以上步骤就可完成环境变量的配置

然后执行命令：npm -v ，出现版本号说明可以了

配置 prefix和cache的路径地址

可以选择安装框架：nodeJS的Express框架

4.内容