Node.js的安装及环境配置【超详细】

￡神魔★判官ぃ 2023-07-17 14:19 19阅读 0赞

**Step1:去官网下载安装包**

下载方式1：[官网下载][Link 1]  
根据自己电脑系统及位数选择。

> 注意：  
> 图中 .msi和.zip格式区别：  
> 1、.msi是Windows installer的数据包，实际上是一个数据库，提供安装，修改，卸载你所安装的程序。此外：它还包含有关安装过程本身的信息。例如：安装序列、目标文件夹路径、安装选项和控制安装过程的属性。  
> 2、.zip是一个压缩包，解压之后即可，不需要安装。

举例来说：  
如果你的电脑是Windows系统、64位、想下载稳定版的.msi（LTS为长期稳定版），则可以进行如下选择：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70]

下载方式2：[官网首页直接下载][Link 2]  
打开后界面如下（Windows（x64））：  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 1][]

**Step2：安装**

①下载完成之后，双击安装包，点击我接受，再点击next

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 2]  
②安装路径默认在C:\\Program Files下面，也可以自定义修改（此处我选择默认，不过还是建议修改到D盘或其他盘），然后点击next  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 3]

③根据自己的需要进行，我选择了默认，然后next

*  Node.js runtime ：表示运行环境
 *  npm package manager：表示npm包管理器
 *  online documentation shortcuts ：在线文档快捷方式
 *  Add to PATH：添加到环境变量

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 4]  
④如下图框中所示，我没有选中，而是直接next  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 5]  
⑤点击Install，进行安装  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 6]  
⑥点击finish，完成安装  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 7]  
⑦安装完成后，.msi格式的安装包已经将node启动程序添加到系统环境变量path中,我们可以查看系统变量进行验证：在【我的电脑】右键→【属性】→【高级系统设置】  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 8]  
⑧点击环境变量  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 9]  
⑨在系统变量中查看【path】，点击【编辑】  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 10]  
⑩会发现.msi格式的安装包已经将node启动程序添加到系统环境变量path中  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 11]  
**Step3：查看**

① 既然已经将node程序添加到全局系统变量中，把么我们可以直接在CMD窗口中任意位置执行node，打开CMD窗口，执行命令`node -v`查看node版本

【注意：此时是打开CMD窗口，并不是在C:\\Program Files\\nodejs目录下执行node.exe】  
![20200322155002535.png][]  
② 最新版的node在安装时同时也安装了npm,执行`npm -v`查看npm版本  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 12][]

③ 默认情况下，我们在执行npm install -g XXXX时，下载了一个全局包，这个包的默认存放路径位C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node\_modules下，可以通过CMD指令`npm root -g`查看  
![在这里插入图片描述][20200322155430572.png]

⑤ 一部分常用的命令，如下：

>  *  npm -v：查看npm安装的版本。
>  *  npm init：会引导你创建一个package.json文件，包括名称、版本、作者等信息。
>  *  npm list：查看当前目录下已安装的node包。
>  *  npm ls：查看当前目录下已安装的node包。
>  *  npm install moduleNames：安装Node模块到本地目录node\_modules下。
>  *  npm install < name > -g：将包安装到全局环境中。
>  *  npm install < name > --save：安装的同时，将信息写入package.json中，项目路径中如果有package.json文件时，直接使用npm install方法就可以根据dependencies配置安装所有的依赖包，这样代码提交到git时，就不用提交node\_modules这个文件夹了。
>  *  npm install < name> --save-dev：安装的同时，将信息写入package.json中项目路径中如果有package.json文件时，直接使用npm install方法就可以根据devDependencies配置安装所有的依赖包，这样代码提交到git时，就不用提交node\_modules这个文件夹了。
>  *  npm uninstall moudleName：卸载node模块。

**Step4：环境配置**

**注：这里的环境配置以及创建空白文件夹，主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，因为以后在执行类似：npm install express \[-g\] 的安装语句时，会将安装的模块安装到【C:\\Users\\用户名\\AppData\\Roaming\\npm】路径中，占C盘空间，所以才进行的配置，如果C盘容量足够，可省略这一步，不影响node使用。**

① 打开安装的目录（C:\\Program Files\\nodejs）

② 在安装目录下新建两个文件夹【node\_global】和【node\_cache】  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 13][]  
③ 再次打开cmd命令窗口，输入npm config set prefix “你的路径\\node\_global”（`“你的路径”默认安装的情况下为 C:\Program Files\nodejs`）

④ npm config set cache “你的路径\\node\_cache” 可直接复制刚刚新建的空文件夹目录  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 14]  
⑤ 安装最开始的方法，打开系统属性-高级-环境变量，在`系统变量`中新建 变量名：NODE\_PATH,变量值： C:\\Program Files\\nodejs\\node\_global\\node\_modules  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 15]

⑥ 编辑`用户变量（环境变量）`的 path，将默认的 C 盘下 APPData\\Roaming\\npm 修改为 C:\\Program Files\\nodejs\\node\_global，点击确定  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 16]  
⑦ 测试，配置完成后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，输入如下命令进行模块的全局安装：

npm install express -g   // -g是全局安装的意思

**最后补充：**

通过npm安装模块时都是去国外的镜像下载的，但是有的时候由于网络等原因导致安装模块失败，好在阿里有团队维护国内镜像 [淘宝 NPM 镜像][NPM] ，上面有使用说明，大家可自行查看  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 17]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 18]

[Link 1]: https://nodejs.org/en/download/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70]: /images/20230528/47ed4a8d7272468aa4a1d2c12c9ed0fb.png
[Link 2]: https://nodejs.org/en/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 1]: /images/20230528/3ec034a8ff1d44b8bd1419be66c4dbd5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 2]: /images/20230528/cd9c9c5a0cc8471c83a332c672aae9e1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 3]: /images/20230528/741d08b136a14106959abd4ed9180125.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 4]: /images/20230528/d33ef232a27d44b9afc80749d0049113.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 5]: /images/20230528/e0bf8686fb6a49db9250db53929b1f90.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 6]: /images/20230528/42a141bad3544bb18ad4d2fa0dbf5449.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 7]: /images/20230528/bfde2f168bda423f94525b29671ce57c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 8]: /images/20230528/d804477684e24ffd83ca28797ed27396.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 9]: /images/20230528/615c57182b4c486ab50407ca3081d200.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 10]: /images/20230528/1e214f8884984654bacb09b8ca24ddca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 11]: /images/20230528/6a56351e45364bbc85465be31be22824.png
[20200322155002535.png]: /images/20230528/b7ab59eadcfd497d9940bc2a34411edf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 12]: /images/20230528/c7269913127f4a889f52eb1515e69c1a.png
[20200322155430572.png]: /images/20230528/d8ce77ec7a4c4909b2cfb2e574706d49.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 13]: /images/20230528/859f39e2d1824e8a8f1af76bea222536.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 14]: /images/20230528/abc102c29a924046a2a5716e161ac144.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 15]: /images/20230528/9627f47e16a34171baaec87ee9177f09.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 16]: /images/20230528/0822c9751e484fa688940e63c57d3bdb.png
[NPM]: http://npm.taobao.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 17]: /images/20230528/2ebba758249a4c7aae12d7d4867154e3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg4MTc2OA_size_16_color_FFFFFF_t_70 18]: /images/20230528/e81c1eb0406a4b9bbcb1161ec06be31f.png