Window下Node.js安装、环境配置、设置淘宝镜像

long、涯

已于 2024-01-05 17:17:35 修改

阅读量6k

点赞数

分类专栏：笔记前端文章标签： node.js

于 2020-05-08 18:45:04 首次发布

本文链接：https://blog.csdn.net/lf5566fl/article/details/105101377

版权

前端同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

笔记

5 篇文章 0 订阅

订阅专栏

Window下Node.js安装、环境配置、设置淘宝镜像

一、Node.js的安装

中文网:Node.js

关于Node.js的安装,环境配置,设置镜像源这些操作其实网上已经有非常多的好文章，这里结合自己的操作，将自己的实践做一个整理归纳记录。

点击全部安装包的阿里云镜像，如下图
下载界面
如果需要其他版本的话，点击…/返回上级文件夹目录。如下图
node.js全版本目录
然后会看到从0.1一直到目前所有版本的安装目录，如图(部分)
node.js版本
这里我选择了10.19.0版本的，点击进去后的目录如下图。直接找到对应系统位数的后缀为.msi格式安装包(32位选x86,64位选x64)，然后单击下载。
noed.js安装包格式
下面便是安装了。安装的时候默认指定路径是C:\Program Files可以自己指定node.js的安装路径。后面便是一直next直到安装完毕，安装完毕后点击finish退出安装界面。

使用node -v和npm -v测试node是否安装成功，成功的话会打印出版本号，如下图
安装打印版本号

二、Node.js环境配置

如果你是选择.msi格式安装的时候，他默认是会为你配置环境变量的。如你的安装路径是E:\WebEnviroment\node。name系统环境变量里的path便自动加上该路径。

同时node.js默认管理系统的npm包的全局路径和缓存路径是在C:\Users\这里是你的用户名\AppData\Roaming下。如果不想占用C盘的空间，那么我们可以为他配置新的全局路径和缓存路径。

在node.js安装目录下新建node_global和node_cache两个新的文件夹
Alt+R输入cmd打开控制台，运行如下两条指令:

npm config set prefix "E:\WebEnviroment\node\node_global"

npm config set cache "E:\WebEnviroment\node\node_cache"
检测设置后的情况。输入npm config list.下图中红框处的cache和prefix的值已经变成我们设置的路径值。
下面是设置环境变量。我的电脑-右键-属性-高级系统设置-高级-环境变量

进入界面后，先找到用户变量-Path，如下图

点击编辑，(注意如果前面那个值没有带分号，记得先加上分号)在末尾处增加E:\WebEnviroment\node\node_global;。如下图

下面是系统变量进行编辑。点击新建。变量名为NODE_PATH。变量值为E:\WebEnviroment\node\node_global\node_modules

如下图

到此环境变量配置完毕。
修改.npmrc
修改安装E:\WebEnviroment\node\node_modules\npm\npmrc文件，将默认值改为(新增)：
prefix=E:\WebEnviroment\node，如果不做这个修改，则npm在运行 npm ls -g 的时候，仍然以默认的路径来查找已安装的全局模块；
测试
为了测试是否生效。直接安装一个express模块，然后node_global处是否会产生一个node_modules，并且包含我们安装的express模块.

输入npm install express -g

在E:\WebEnviroment\node\node_global\node_modules下多了一个express文件夹，证明安装模块成功。

三、设置npm的镜像源

设置镜像源有许多方法，这里记录两种：

1.通过npm命令
最新npm镜像地址已经换了，改为https://registry.npmmirror.com，下面图片的地址懒得换了，仅当做参考效果图
输入npm config set registry https://registry.npmmirror.com

修改后可以通过这个进行测试

npm config get registry

2.使用nvm切换源

npm isntall nrm -g全局安装

安装完毕后,输入nrm ls查看当前源。带==*==表示当前使用的npm源。
查看源
通过nrm use taobao来指定要使用的镜像源：
指定源
通过nrm test npm来测试速度：

四、安装淘宝cnpm镜像(推荐安装)

国内网络的情况下，还是使用国内镜像源好，毕竟速度会快很多。

控制台输入npm install -g cnpm --registry=https://registry.npm.taobao.org

回车进行安装。

输入cnpm -v查看是否成功打印如下图信息
查看cnpm

五、安装node-sass卡住

一般在安装使用npm install安装node-sass时会出现安装失败的现象，长时间停在那里或者弹出失败提示，导致安装的node_modules文件夹不完整，在使用gulp构建工具打包项目时很大可能会发生未知的问题。推荐删除掉node_modules包,在项目文件夹目录下重新运行cnpm install进行安装。也可以通过设置淘宝的sass镜像源npm config set sass_binary_site https://registry.npmmirror.com/node-sass/，然后使用npm install进行安装。