Node.js安装与配置环境步骤详解？

本文共计1278个文字，预计阅读时间需要6分钟。

1. 下载Node.js官方版：访问 [Node.js官网](https://nodejs.org/zh-cn/)

2.安装Node.js：双击下载的`node-v16.15.1-x64.msi`安装包，安装Node.js运行时和核心包管理器npm。

3.Node.js运行环境和核心包：Node.js环境包含核心包和npm包管理器，用于管理npm包。

1、下载Node.js

官方下载地址：nodejs.org/zh-cn/

2、安装Node.js

双击“node-v16.15.1-x64.msi”安装包

1. Node.js runtime：Node运行环境
2. corepack manager：核心包
3. npm package manager表示npm包管理器
4. Online documentation shortcuts ：在线文档快捷方式
5. Add to PATH：添加到环境变量

翻译如下

3、验证Node.js安装

（1）检查环境变量：右击此电脑——>属性——>高级系统设置——>环境变量——>系统变量——>Path——>确保Node环境已添加——>确定——>关闭全部窗口

（2）cmd检查环境：win+R——>cmd——>键入node -v

node在安装同时安装npm：键入npm-v

？？？？？？？？？出现警告？？？？？？？？？

解决方案如下：涉及到windows文件权限安全问题，授权就行。

win+R——>cmd——>键入“npm install -g npm-windows-upgrade”

右击“以管理员身份运行”运行Windows PoweShell，键入“set-ExecutionPolicy RemoteSigned”，输入“Y”后按下回车，接着输入“npm-windows-upgrade”，显示各个版本，用方向键↑↓回车选择，自动更新...完成关闭窗口

（3）再次验证：重新打开cmd命令框——>键入npm-v

！！！警告消除 ！！！

4、Node.js环境配置

（1）更改npm安装全局模块的目录和缓存路径

npm install xxx时默认存放路径为：C:\Users\用户名\AppData\Roamin

开始配置更改(自定义npm install xxx 存放路径)：进入Node安装根目录，创建“node_global”和“node_cache”空目录文件夹——>分别用于当前node资源的安装和缓存

重点注意：还需要在node_global目录下在创建一个“node_modules”空目录文件夹

cmd命令指导新建的两个文件夹

npm config set prefix "创建的node_global文件夹所在路径"
npm config set cache "创建的node_cache文件夹所在路径"

PS C:\Users\ZSAndroid> npm config set prefix "D:\MyFilePath\NodeJS\node_global" PS C:\Users\ZSAndroid> npm config set cache "D:\MyFilePath\NodeJS\node_cache" PS C:\Users\ZSAndroid>

（2）配置环境变量

右击此电脑——>属性——>高级系统设置——>环境变量——>系统变量——>新建

NODE_PATH变量值添加到系统变量Path中（以防万一，参考网上资料没有介绍配置此项）

右击此电脑——>属性——>高级系统设置——>环境变量——>用户变量Path——>修改

​

！！！配置结束 ！！！

5、测试Node.js安装结果

1.安装express，使用npm命令——> npm install express -g

2.安装webpack，使用npm命令——> npm install webpack -g

进入“D:\MyFilePath\NodeJS\node_global\node_modules”验证，该“node_modules”目录是自动生成的，安装的Module都存放在该路径下。

6、配置淘宝镜像

淘宝镜像官网：npm.taobao.org/

必须使用右击“以管理员身份运行”运行Windows PoweShell，键入

1. 永久设置：“npm install -g cnpm --registry=registry.npm.taobao.org”或“npm config set registry registry.npm.taobao.org”
2. 检查安装：“cnpm -v”
3. 查看当前镜像地址：“npm config get registry”
4. 恢复原镜像地址：“npm config set registry registry.npmjs.org”

7、总结

此外，补充说明几点：

1. 镜像来源的切换可以使用 nrm 工具来方便快速的实现，这样可以避免使用那些冗长的命令，加快效率；

2. node.js环境的安装还可以使用 nvm 来简化，同时，使用 nvm 还可以方便的切换nonde.js的不同版本；

3. 作为初学者，还是有必要手动按照上述教程完整的安装一下node.js运行环境，有助于加深对于node.js运行环境的理解。

补充：关于 nrm 与 nvm 的使用可以参考本站相关教程~

www.jb51.net/article/280151.htm
www.jb51.net/article/154802.htm