前端vue项目创建环境node.js安装

步骤 1:安装node.js用与使用npm创建vue。

下载安装包:https://nodejs.cn/download/

选择适合自己系统的版本

步骤 2:双击安装包,点击Next,勾选使用许可协议,点击Next,选择安装位置(可根据个人情况更换路径),继续点击Next,点击Next,点击Install,点击Finish完成安装。

步骤 3:环境变量设置

(1)右键“此电脑”点击“属性”,点击“高级系统设置”,点击“环境变量”。

(2)进入环境变量,选择下方【系统变量】中的【Path】,点击“编辑”。

(3)添加Node.js的安装路径。点击“新建”将安装路径填入点击“确定”

步骤 4:查看版本,验证是否安装成功

进入cmd命令行窗口(win键+R键),输入node -v查看nodejs版本、输入npm -v查看npm版本

步骤 5:修改以后npm全局下载模块的保存位置,可根据自身情况选择是否更改。

1.查看npm存放位置

使用指令npm get prefix查看npm全局模块的存放路径

使用指令npm get cache查看npm缓存存放路径

(图中为修改后的保存位置,默认位置一般为C盘下)

2.在 nodejs 安装目录下,创建 “node_global” 和 “node_cache” 两个文件夹

3.修改文件夹(路径D:\00SoftFile\nodejs\node_global与D:\00SoftFile\nodenode_cache根据实际保存位置进行修改)

设置全局模块的安装路径到 “node_global” 文件夹,

npm config set prefix "D:\00SoftFile\nodejs\node_global"

设置缓存到 “node_cache” 文件夹

npm config set cache "D:\00SoftFile\nodenode_cache"

4.由于 node 全局模块大多数都是可以通过命令行访问的,还要把【node_global】的路径“D:\00SoftFile\nodejs\node_global”加入到【系统变量 】下的【PATH】 变量中。

操作:进入环境变量,选择下方【系统变量】中的【Path】点击“编辑”点击“新建”输入【node_global】的路径点击“确定”。

5.测试位置是否更改成功,在【node_global】目录下新建子文件夹【node_modules】。

进入cmd命令行窗口(win键+R键)输入npm install express -g或者npm install express --global

注意:“-g”等同于“–global”,“-g” 是全局安装,不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的【node_global】目录下,同时nodejs会自动地在node_global文件夹下的【node_modules】子文件夹, 下载express模块。

注意:若执行命令npm install express -g出现如下报错:

是由于对文件夹操作的权限不够,右击Nodejs文件夹->属性->安全,点击编辑,将所有权限都?即可。

步骤 6:将npm默认的registry修改为淘宝registry

npm 默认的 registry ,也就是下载 npm 包时会从国外的服务器下载,国内下载会很慢,可以更换为国内镜像: https://registry.npmmirror.com。

1.1 查看当前使用的镜像路径

npm config get registry

1.2 更换npm为国内镜像

npm config set registry https://registry.npmmirror.com

1.3 检查镜像是否配置成功

再次执行npm config get registry,检查当前的镜像路径

原文链接:,转发请注明来源!