第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框架