NodeJs安装以及环境配置

一. 下载node.js镜像文件

Node.js国内代理下载地址：https://nodejs.org/zh-cn/download
(不知道这博客能保留多久，地址失效就自行再找吧)

友情提示，如果是接手旧项目的话，不建议下载最新版本，会有很多版本兼容问题（包括但不限于Nodejs，npm，各种脚手架例如vue等等），如果是公司项目的话可以问问其他老员工他们的版本是多少，跟他们保持一致就行

我这里下载历史版本：node-v14.21.3-x64.msi

1. 运行 node-v14.21.3-x64.msi ，点击 next

2. 勾选 - 我接受许可协议中的条款，继续点击 next

3. 选择安装的文件路径，继续点击 next
   （不建议什么东西都往C盘装，电脑会很卡，我这里直接改成D盘，没有目录它自己会新建的）
   ！！！注意：博主这里踩坑回来，nodejs的安装路径不要存在空格！！！否则后面根据此路径设置缓存文件夹时，下载组件的时候会报错！！！

4. 这里选择 Node.js runtime 然后继续 next 就行

5. 简单描述他的意思：自动安装必要的工具。这里自行按需勾选吧，我是没勾，要什么东西自己下，鬼知道他说的必要的工具有哪些东西，不想它自动下载有的没的就不勾选直接点击 next

6. 点击 install 开始安装

7. 安装完成，点击 finish

8. 按 win 键输入 cmd，点击以管理员身份运行

9. 输入 node -v 可校验是否安装成功(注意小写，顺便看下安装的 Nodejs 版本)

10. 输入 npm -v 可查看当前安装的 npm 版本
    （一般 NodeJs 安装成功后，会自动顺带安装 npm，无需自己手动安装，且 npm 的版本也是跟你的 NodeJs 兼容的）

二. 设置NodeJs环境变量

说明：虽然NodeJs选择了安装在D盘，但是在 “C:\Users\用户名\AppData\Roaming\npm” 这个路径下，还是有npm相关的文件夹的，用来存放你通过npm全局安装的包。比如后面会通过某些命令例如 “npm install -g xxx” 全局下载某些组件或工具，那么下载的组件或工具就会被保存到 “C:\Users\用户名\AppData\Roaming\npm” 这个目录下。
既然 NodeJs 的安装目录都不想放到 C 盘，那么通过 npm 下载的包更不想放在 C 盘。我希望统一管理，把 npm 全局下载的包都保存到 NodeJs 的根目录下，也就是 “D:\software\nodejs” 这个路径下。这样我们就需要做一些响应的设置了。

1. 首先来到 NodeJs 的安装路径，创建 node_cache 和 node_global 文件夹，然后再进到 node_global 目录里面，创建一个 node_modules 文件夹

2. 回到刚刚我们以管理员身份运行的 cmd 命令窗口，输入一下两个命令：
   注意：必须以管理员身份运行 cmd 窗口，否则可能会有权限不够的相关报错

• npm config set prefix “D:\software\nodejs\node_global”
• npm config set cache “D:\software\nodejs\node_cache”

设置完成后可通过 npm config get XXX 命令来检测刚才设置的变量是否成功

3. 使用以下命令修改下载地址为国内的镜像地址，例如淘宝的镜像地址；设置完后，后续使用 npm 下载东西时速度会比较快，有些公司有自己公司内部的镜像地址，若有的话问同事配公司自己的地址，毕竟公司自己的项目可能会有一些奇奇怪怪的依赖包，像淘宝这样的公共镜像地址是没有的
   （我这边已经设置了公司自己的镜像地址，就不贴图了，复制粘贴执行命令就行）

• npm config set registry=http://registry.npm.taobao.org

4. 回到电脑桌面右键此电脑，往下滑找到高级系统设置，点击环境变量

5. 在系统变量中找到 Path ，点击编辑，然后在原有的变量里新建多两条变量

6. 同样在系统变量里，点击新建，新增一条 NODE_PATH 的环境变量
   （变量值就是你刚刚在 node_global 文件目录下新创建的那个 node_modules 的全路径，复制过来就行）

7. 以防万一，在用户变量里面的 Path 变量里面，点击编辑，新增两条变量信息

• 至此环境变量配置完成，关闭刚刚的 cmd 命令窗口，然后重新打开一个新的 cmd 命令窗口， 可使用一下命令测试下载一下 vue 的组件
• npm install -g @vue/cli

我这里已经下载了就不重新下载贴图了，如果没有报错说明已经成功，可以看到下载的文件保存到刚刚自己创建的 “/node_global/node_modules” 里面了，而没有保存到默认的 “C:\Users\用户名\AppData\Roaming\npm” 这个目录下

如果下载组件报错，可使用管理员身份打开 cmd 窗口再试一次，如果还是不行的话，可以到找到我们自己创建的 node_cache 跟 node_global 文件夹，右键选择属性，找到上面的安全，点击编辑，勾选所有允许的权限再试一次即可