node.js、npm、cnpm安装步骤

小鱼儿 2022-04-13 08:48 241阅读 0赞

最实用：

[https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html][https_jingyan.baidu.com_article_48b37f8dd141b41a646488bc.html]

腾讯软件下载中心：

[https://pc.qq.com/detail/5/detail\_24845.html][https_pc.qq.com_detail_5_detail_24845.html]

cnpm在vscode终端不能使用问题：

右击VSCode图标，选择以管理员身份运行；
    在终端中执行get-ExecutionPolicy，显示Restricted，表示状态是禁止的；
    这时执行set-ExecutionPolicy RemoteSigned；
    此时再执行get-ExecutionPolicy，显示RemoteSigned，则表示状态解禁，可以运行
    参考：
    https://zhuanlan.zhihu.com/p/144454109

一、什么是npm和cnpm

**npm（node package manager）**：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）   
**cnpm**:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可能会出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

二、安装nodejs

1、首先前往nodejs官网[下载nodejs][nodejs]   
![这里写图片描述][70]  
2、然后点击安装，选择自己要安装的路径，此处我选择的是：**D:\\Program Files\\nodejs**，安装至完成。   
3.**window+R**,输入**cmd**,打开命令提示符窗口，输入：

npm -v

*  1

检测是否安装成功，如果输出版本号，则表示安装成功，如图：   
![这里写图片描述][70 1]

二、改变原有的环境变量

1、首先配置npm的全局模块的存放路径、cache的路径，此处我选择放在：**D:\\Program Files\\nodejs**   
输入如下命令：

npm config set prefix "D:\Program Files\nodejs\node_global"
    npm config set cache"D:\Program Files\nodejs\node_cache"

*  1
 *  2

如下图所示：   
![这里写图片描述][70 2]   
完成后可以在文件夹中看到相应名字的文件夹，如下：   
![这里写图片描述][70 3]

2、在系统环境变量添加NODE\_PATH,输入路径为：   
D:\\Program Files\\nodejs\\node\_global   
操作如下：我的电脑右击，打开属性->高级系统设置->环境变量->新建（系统变量下）->输入变量名NODE\_PATH->变量值：输入上面路径，确定即可。   
![这里写图片描述][70 4]

3、在命令行输入以下命令安装express（注：“-g”表示安装到global目录下，就是上面设置的node\_global中）

npm install express -g

*  1

![这里写图片描述][70 5]   
可以看到node\_global/node\_modules下有express了，如图：   
![这里写图片描述][70 6]   
4、在命令行输入node进入编辑模式，输入以下代码检测是否能正常加载模块：

require('express')

*  1

![这里写图片描述][70 7]   
如果成功，如上图显示；如果出错，检测下上面配置的NODE\_PATH是否配置或者配置正确。

三、安装cnpm

1、安装cnpm，输入以下命令：

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

*  1

如下图：   
![这里写图片描述][70 8]   
2、输入`cnpm -v` ，检测是否正常，但是这里会报错。   
3、添加系统变量path的内容   
因为cnpm会被安装到D:\\Program Files\\nodejs\\node\_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。   
如图，修改系统变量path：   
![这里写图片描述][70 9]   
然后再次输入`cnpm -v` ，结果如下：   
![这里写图片描述][70 10]

[https_jingyan.baidu.com_article_48b37f8dd141b41a646488bc.html]: https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html
[https_pc.qq.com_detail_5_detail_24845.html]: https://pc.qq.com/detail/5/detail_24845.html
[nodejs]: http://nodejs.cn/download/
[70]: /images/20220413/6b3a00cfe5e7428190958771c0a2943e.png
[70 1]: /images/20220413/8a81abb6838b4f73b683ed5fda43ef54.png
[70 2]: /images/20220413/d2b0a0b5eabb44a7abca284bb5a30c38.png
[70 3]: /images/20220413/da7e0c89c723469681d492b3ba87dc66.png
[70 4]: /images/20220413/31a27de4f59d499484992f4030455128.png
[70 5]: /images/20220413/28bd9ac2434d42bb9e69077ae97d5adb.png
[70 6]: /images/20220413/87dec37dd9fe42a9bf189d07ce4ae027.png
[70 7]: /images/20220413/c3bf3834c6404e9587fd3f077689995b.png
[70 8]: /images/20220413/7d3fad8b9769448e9663c31a3622c5c6.png
[70 9]: /images/20220413/adde19f8ff9a4de0951e79e28d147f86.png
[70 10]: /images/20220413/48d75963ccdf4ae9a6e7e86ada32730e.png