Windows 环境下安装与配置 Node.js-Toy模板网

这篇具有很好参考价值的文章主要介绍了Windows 环境下安装与配置 Node.js。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、下载Node.js安装包

下载地址：http://nodejs.cn/download/

本教程以msi安装包为例

点击Windows 安装包下载

windows 安装node,node.js,windows,npm

二、安装Node.js

1.打开安装包

windows 安装node,node.js,windows,npm

欢迎页：点击Next

2.允许使用条款

点击接受条款后Next

3.选择安装路径

选择你要安装的路径

本案例保存默认在C盘路径：D:\Soft\nodejs

4.安装组件

windows 安装node,node.js,windows,npm

这些是Node.js里面包含的组件，例如运行环境，包管理器等

保持默认即可，点击Next

5.安装开发工具

开发工具可以等以后实际开发过程中安装

这里选择不勾选安装工具

6.安装Node.js

三、查看是否安装成功

1.打开终端

使用 Win键+R，输入cmd

2.输入指令

node -v
npm -v

出现版本号，即为安装成功

四、配置Node.js

1.使用管理员权限打开终端

移动到Node.js安装目录下

cd /d D:\Language\nodejs

2.创建全局组件文件夹和缓存文件夹

mkdir node_global
mkdir node_cache

设置全局目录
双引号内为刚刚创建的 node_global 文件夹路径

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

4.设置系统环境变量

将环境变量 Path 中的npm路径更换为刚才自定义的 node_global 全局包

本案例为 D:\Language\nodejs\node_global

执行第三步完后，配置环境变量，如下：

windows 安装node,node.js,windows,npm

“环境变量” -> “系统变量”：

新建一个变量名为 “NODE_PATH”，

变量值：自定义的 node_global 全局包路径后 + \node_modules
```
D:\Language\nodejs\node_global\node_modules
```
“环境变量” -> “用户变量”：编辑用户变量里的Path，将相应npm的路径（“C:\Users\用户名\AppData\Roaming\npm”）改为：“D:\Language\nodejs\node_global”，如下：

并在Path变量中新建：%NODE_PATH%

五、测试

在cmd命令下执行 npm install webpack -g 和 npm install webpack-cli -g 安装 webpack。

安装成功，自定义文件夹如下所示：

windows 安装node,node.js,windows,npm

在cmd命令下执行 webpack -v 查看webpack版本，如下图所示：

windows 安装node,node.js,windows,npm

注意若提示 webpack 不存在，记得重新开一个 cmd 测试即可

六、解决 npm 下载速度慢的问题

原因

安装 Node 时，npm 包的默认下载地址就是：https://registry.npmjs.org/。
由于外网原因，常常出现下载很慢或者不能下载的情况，导致我们执行命令 npm install xxxx 下载资源包时常常失败。

解决方案

配置国内镜像源地址

腾讯云镜像源: mirrors.cloud.tencent.com/npm/
淘宝镜像源: registry.npmmirror.com
华为云镜像源: mirrors.huaweicloud.com/repository/…

使用方法

临时使用：npm install xxx --registry=镜像源地址
更改 npm 包默认下载地址：npm config set registry 镜像源地址

附上完整 .npmrc 配置文件

# 在服务端执行时可能需要最高权限执行
unsafe-perm=true
# 指定依赖的安装源
registry=https://registry.npm.taobao.org/
# 指定 node.js 的安装源，某些依赖包可能需要下载 node.js
disturl=https://npm.taobao.org/mirrors/node/
# 一些依赖包内部需要下载的依赖文件，以下变量会被相关依赖包读取到并使用
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/
chromedriver_cdnurl=https://npm.taobao.org/mirrors/chromedriver/
operadriver_cdnurl=https://npm.taobao.org/mirrors/operadriver/
selenium_cdnurl=https://npm.taobao.org/mirrors/selenium/
node_inspector_cdnurl=https://npm.taobao.org/mirrors/node-inspector/
fsevents_binary_host_mirror=http://npm.taobao.org/mirrors/fsevents/
puppeteer_download_host=https://npm.taobao.org/mirrors/
sentrycli_cdnurl=https://npm.taobao.org/mirrors/sentry-cli/
sharp_binary_host=https://npm.taobao.org/mirrors/sharp/
sharp_libvips_binary_host=https://npm.taobao.org/mirrors/sharp-libvips/
sqlite3_binary_site=https://npm.taobao.org/mirrors/sqlite3/
python_mirror=https://npm.taobao.org/mirrors/python/

PS:

上述 npm.taobao.org 可全量替换为最新的淘宝镜像源 npmmirror.com。
如 registry=https://registry.npm.taobao.org/ -> registry=https://registry.npmmirror.com/