第8篇 vue开发环境搭建

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

1.安装nodejs

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

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

image

image

image

image

image

image

image

image

2.检查nodejs是否安装成功

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

3.安装cnpm

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

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

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

先更新配置新的淘宝镜像
image
image

确认是否已生效
image

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

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

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

image
image

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

image

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

image

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

image

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

然后执行命令:npm -v ,出现版本号说明可以了
image
配置 prefix和cache的路径地址
image

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

4.内容

posted @ 2024-08-25 22:08  似梦亦非梦  阅读(42)  评论(0编辑  收藏  举报