npm和cnpm（windows）安装步骤

Love The Way You Lie 2021-07-26 00:56 424阅读 0赞

# 一、什么是npm和cnpm #

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

# 二、安装nodejs #

1、首先前往nodejs官网[下载nodejs][nodejs]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70][]

2、然后点击安装，选择自己要安装的路径，此处我选择的是：**D:\\node-v10.14.2-x64**，安装至完成。   
3.**window+R**,输入**cmd**,打开命令提示符窗口，输入：

node -v
    npm -v

![20190914124606107.png][]

# 三、改变原有的环境变量 #

1、首先配置npm的全局模块的存放路径、cache的路径，此处我选择放在：**D:\\node-v10.14.2-x64**   
输入如下命令：

npm config set prefix "D:\node-v10.14.2-x64\node_global"
    npm config set cache "D:\node-v10.14.2-x64\node_cache"

如下图所示：

![20190914125011739.png][]

2、在命令行输入以下命令安装express，express是node官方唯一推荐的一个web框架，提供很多基础方便的功能。（注：“-g”表示安装到global目录下，就是上面设置的node\_global中）

npm install express -g

![2019091412530530.png][]

可以看到node\_global/node\_modules下有express了，如图：

![20190914125342518.png][]

3、在系统环境变量添加NODE\_PATH,输入路径为： D:\\node-v10.14.2-x64\\node\_global\\node\_modules  
操作如下：我的电脑右击，打开属性->高级系统设置->环境变量->新建（系统变量下）->输入变量名NODE\_PATH->变量值：**通过“浏览目录”**输入上面路径，确定即可。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1][]

![20190914130310865.png][]

4、**重新打开命令行**（win+R）输入node进入编辑模式，输入以下代码检测是否能正常加载模块：

node 
    
    require('express')

![20190914130159324.png][]

注：使用NPM命令：

*  下载三方库：npm install vue \--save (vue是库名称 \--save是保存，这里的 横线 是2个 \--save也可以简写成\-S)
 *  全局安装bower：npm install bower –g
 *  使用bower info 可以查看库的版本：bower info vue
 *  下载指定版本的库：npm install [vue@2.1.0][vue_2.1.0] (vue是库名称\+@符号\+版本号)

# 四、安装cnpm #

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

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

如下图：

![20190914131412125.png][]

（注意：为了避免每次安装都需要--registry参数，可以使用如下命令

进行永久设置：**npm config set registry http://registry.npm.taobao.org**

2，输入`cnpm -v` ，检测是否正常，但是这里会报错。

![20190914131457715.png][]

3，因为cnpm会被安装到D:\\node-v10.14.2-x64\\node\_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。   
如图，修改系统变量path：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2][]

然后**重新**win+r，输入cmd，在打开的窗口中输入：cnpm -v

结果如下：

![20190914131632198.png][]

查看npm安装位置：**npm root -g **

查看cnpm安装位置：**cnpm root -g **

清屏命令：**cls**

![20190918220155205.png][]

[nodejs]: http://nodejs.cn/download/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70]: /images/20210725/8e874c0a01ea4488ad498d1808c3a4c8.png
[20190914124606107.png]: /images/20210725/3b40e5db260044e4ba8a19ffd40a766c.png
[20190914125011739.png]: /images/20210725/e3ebbd83680445c9b1d0ef864f707269.png
[2019091412530530.png]: /images/20210725/a4769b89bc6b4974b6d95221950636f3.png
[20190914125342518.png]: /images/20210725/99eeccc222f4453ca1a407d9624d0961.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1]: /images/20210725/75766858545d4631ad7747eaf96bd5ec.png
[20190914130310865.png]: /images/20210725/40a71cb0dac84c18a9d6b076615e0d14.png
[20190914130159324.png]: /images/20210725/9ab2aa8d4f7145599eed478062c57ad5.png
[vue_2.1.0]: mailto:vue@2.1.0
[20190914131412125.png]: /images/20210725/24536366e9734f83b8ff477b77f563d7.png
[20190914131457715.png]: /images/20210725/cfb9861b3ff247ab930deb24a3b6fa84.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2]: /images/20210725/8c6b0676d40b416e816bc02d4119af73.png
[20190914131632198.png]: /images/20210725/e826b5c65b514e60b7e72d66b096ebc9.png
[20190918220155205.png]: /images/20210725/34ca5092ff884a899eff840825f40adc.png