node.js 配置和 npm 换源

比眉伴天荒 2021-09-04 03:42 881阅读 0赞

# node.js 配置和 npm 换源 #

## 一：下载node.js ##

进入官网：[https://nodejs.org/zh-cn/download/][https_nodejs.org_zh-cn_download]

就会出现下图：

![c28f372bf19938d4cfb538b685829045.png][]

## 二：安装node.js ##

点击刚刚下载的文件。

会出现如下的页面点击Next

![5f00c0da8e54228c39d4acec5f49e1d2.png][]

之后

![26787ee3ba30770006b9110c1bc9cafd.png][]

选择安装路径： 这里我选择的是 `D:\Program Files\nodejs\`

![71aa625fb9d673b9357af25f617e955a.png][]

![5c0186ca39efd7ae4ff62ce1356015a5.png][]

![1fd764f60725cdc947491fc665ef9691.png][]

之后点击安装即可。

等待安装完成后是如下模样。

![71f84c1bc493b291b78b8f470ddfffb4.png][]

## 三：测试安装是否成功 ##

安装完成后打开 cmd(或powershell)，输入命令 `node -v` 或者 `npm -v` 来查看node当前版本号或者npm当前版本。(cmd 可以在文件地址栏敲cmd 回车就会出现)

> node -v
    v13.1.0
    > npm -v
    6.12.1

## 四：配置环境 ##

> 说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express \[-g\] (后面的可选参数-g，g代表global全局安装的意思)的安装语句时，会将安装的模块安装到【C:\\Users\\用户名\\AppData\\Roaming\\npm】路径中，占C盘空间。

所以我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹`D:\Program Files\nodejs`下创建两个文件夹`【node_global】及【node_cache】`

创建完两个空文件夹之后，打开cmd命令窗口，输入

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

![fb79f60b1d214573f4b03953c5d8abea.png][]

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

![ae071942239df80cd6fb4f9a2e909280.png][]

选择用户环境变量：备注：  
环境变量Path的作用：path是路径变量，它的作用是告诉系统在当前目录找不到所需文件时，就按path指定的路径查找

![a06353bf0b40cef8954565e17269422e.png][]

在cmd中.查看nodeJS全局安装路径：

npm config ls

![27fb90556f2bb22c1cf88575145cbc9c.png][]

将这个`prefix` 的值替换成下方所要替换的路径

![163e5578fee10d1421b62d2ece4527ac.png][]

即变为：

![a350d82ea4f856cc62f8a02a51fa346f.png][]

点确定就完成了。

## 五：npm换源 ##

因为npm源在国外，所以国内就有人将这个仓库把他拷到国内，所以我们就要将这个地址替换掉原来的地址

### 5.1 直接换源法 ###

npm查看源和换源：

在cmd中输入：

npm config get registry // 查看npm当前镜像源
    
    npm config set registry https://registry.npm.taobao.org/ // 设置npm镜像源为淘宝镜像

![8b3f9daf78d6f6bcecb2f5aa8d37f282.png][]

镜像源地址部分如下：

npm --- https://registry.npmjs.org/
    
    cnpm --- https://r.cnpmjs.org/
    
    taobao --- https://registry.npm.taobao.org/
    
    nj --- https://registry.nodejitsu.com/
    
    rednpm --- https://registry.mirror.cqupt.edu.cn/
    
    npmMirror --- https://skimdb.npmjs.com/registry/
    
    deunpm --- http://registry.enpmjs.org/

### 5.2 使用nrm 换源法 ###

在使用 npm 的过程中，可能插件安装速度比较慢，我们可能会使用淘宝源对插件进行下载安装。或者在公司内部，有一些私有的插件，需要使用公司的源才可以下载。这种情况，我们就需要设置不同的源来进行下载。每次手动设置相对比较麻烦。而 nrm 可以很好的解决这个问题。

#### 5.2.1 nrm 的安装 ####

# 全局安装 nrm
    $ npm install nrm -g
    复制代码

安装完成后，输入命令 `nrm ls`，可以看到默认已经有了 6 个源(带 \* 号的为当前使用的源)

* npm ---- https://registry.npmjs.org/
     cnpm --- http://r.cnpmjs.org/
     taobao - https://registry.npm.taobao.org/
     nj ----- https://registry.nodejitsu.com/
     npmMirror https://skimdb.npmjs.com/registry/
     edunpm - http://registry.enpmjs.org/

输入 `nrm use taobao`，即切换 registry 到 taobao，即可使用淘宝的源进行插件的安装下载了。

#### 5.2.2 nrm 常用命令 ####

*  `nrm ls` ：查看所有配置好的源以及对应名称
 *  `nrm add company http://npm.xxx.cn`：添加源，`company` 是名称，可以自行命名，后面是源的 `url` 地址
 *  `nrm del company` ：删除源，根据名称 `company` 可以删除对应的源
 *  `nrm test [registry]` ：测试源的速度，不加对应的 `registry` 名称，测试所有源的速度，添加对应的名称，比如 `company`，就是测试 `company` 对应的源的速度
 *  `nrm use company` ：切换源，即可使用 `company` 对应名称的源
 *  更多命令在命令行输入 `nrm` 即可查看

### 5.3 安装cnpm ###

你可以使用我们定制的 [cnpm][] (gzip 压缩支持) 命令行工具代替默认的 `npm`:

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

最后使用

cnpm install -g express

试一下可是否可以运行cnpm。

![4593735556047ad0ca63298edd93ca77.png][]

[https_nodejs.org_zh-cn_download]: https://nodejs.org/zh-cn/download/
[c28f372bf19938d4cfb538b685829045.png]: /images/20210813/fc42b0f7742c4aaf8294463154b28461.png
[5f00c0da8e54228c39d4acec5f49e1d2.png]: /images/20210813/61909e2320c84bb48ec44d56cfcf7f9a.png
[26787ee3ba30770006b9110c1bc9cafd.png]: /images/20210813/f6e4f7250d49428681f8df0576787a80.png
[71aa625fb9d673b9357af25f617e955a.png]: /images/20210813/58e221aa272b4a6f8f354481c8d890db.png
[5c0186ca39efd7ae4ff62ce1356015a5.png]: /images/20210813/28410693c93540e58d7ba493bb97a585.png
[1fd764f60725cdc947491fc665ef9691.png]: /images/20210813/1971cc65e7cb478f928773542de4aed2.png
[71f84c1bc493b291b78b8f470ddfffb4.png]: /images/20210813/e9a3ea3db18e4918a0d90dc90b234b2a.png
[fb79f60b1d214573f4b03953c5d8abea.png]: /images/20210813/d72800b04df041d293e1b4a50ef5a1ab.png
[ae071942239df80cd6fb4f9a2e909280.png]: /images/20210813/a0a2991adfdb47c38c6cb66db9e3bc39.png
[a06353bf0b40cef8954565e17269422e.png]: /images/20210813/57418208414941f280ad317507b50c2d.png
[27fb90556f2bb22c1cf88575145cbc9c.png]: /images/20210813/01b8311d740443ae94d304b0f3836523.png
[163e5578fee10d1421b62d2ece4527ac.png]: /images/20210813/ef0857890f47498d8438d25fa32ab542.png
[a350d82ea4f856cc62f8a02a51fa346f.png]: /images/20210813/4fbf83f814b54ea2b6ad1544de69be0b.png
[8b3f9daf78d6f6bcecb2f5aa8d37f282.png]: /images/20210813/bb7af2d136094e4db9f7c29a1b9799d0.png
[cnpm]: https://github.com/cnpm/cnpm
[4593735556047ad0ca63298edd93ca77.png]: /images/20210813/7b9e43cb22374b82bbcc23ce1ef51e6b.png