Node.js 在 Windows 环境下安装及配置-JavaScript中文网-JavaScript教程资源分享门户

引言

Node.js作为一种流行的JavaScript运行时，已经成为了前端工程师必须掌握的技能之一。安装Node.js本身并不算困难，但是对于初学者来说，可能会在安装和配置过程中遇到各种错误和问题。本文将为大家提供了一个完整的Node.js在Windows环境下安装及配置教程，步骤详细并配有示例代码，也将解决一些常见的问题。

安装Node.js

首先前往Node.js官网，下载Windows版本的安装包。
运行安装包，按照提示进行安装。在安装过程中可以根据个人需求选择相应的选项，但是建议使用默认设置。
成功安装Node.js后，打开命令提示符或PowerShell窗口，输入以下命令以检查Node.js是否已安装成功：
```
node -v
```
若输出对应的版本号，则表示Node.js已成功安装。例如：
```
v16.13.2
```

配置npm

npm是Node.js包管理器，是前端工程师必须掌握的工具之一。在安装Node.js时，npm也会一并安装。但是一些基础包可能无法满足我们日常的需求，这时就需要我们通过配置npm来解决。

修改npm的默认全局安装目录。默认情况下，npm的全局安装目录为C:\Users\USERNAME\AppData\Roaming\npm，我们可以在安装目录下新建一个npm文件夹，并在其中创建一个空白的.npmrc文件。然后在CMD或PowerShell中输入以下命令：
```
npm config set prefix "D:\nodejs\npm"
```
这里我们将npm的全局安装目录设置为D:\nodejs\npm。
修改npm的源。npm默认源在国内使用速度非常慢，因此我们需要将源更改为国内的镜像源。

在CMD或PowerShell中输入以下命令：
```
npm config set registry https://registry.npm.taobao.org
```
可以使用淘宝 NPM 镜像或 cnpmjs。我们将registry的值修改为https://registry.npm.taobao.org。
以上设置生效需要打开一个新的CMD或PowerShell窗口，然后输入以下命令以验证npm是否成功地设置了全局安装目录和源：
```
npm config get prefix
npm config get registry
```
如果两个命令返回的值分别为D:\nodejs\npm和https://registry.npm.taobao.org/，则说明npm已成功安装并设置完毕。

使用npm安装常用包

接下来，我们将使用npm安装常用的前端开发及构建工具包。

使用以下命令安装Jest和ESLint:
```
npm install --global jest eslint
```
安装http-server：
```
npm install -g http-server
```

安装前两个包是为了进行单元测试和代码规范检查，而http-server是为我们提供一个本地服务器。

我们可以使用以下命令进行验证：

jest -v
eslint -v
http-server -v

若能看到版本号则表示安装成功。

解决常见问题

npm install 安装失败

在中国大陆，由于众所周知的网络原因，直接使用npm安装包常常会卡住或者失败。常见错误如：npm ERR! code ERR_OSSL_PEM_NO_START_LINE、npm ERR! network 503 Service Temporarily Unavailable等。

解决方案是使用淘宝或cnpm的镜像源进行安装。

使用淘宝镜像：

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

或者简化安装方式：

npm install -g 包名 --registry https://registry.npm.taobao.org

修改npm源后npm install出现以下警告

npm WARN deprecated @babel/polyfill@7.12.1: 🚨 This package has been deprecated in favor of separate inclusion of a polyfill and regenerator-runtime (when needed). See the @babel/polyfill docs (https://babeljs.io/docs/en/babel-polyfill) for more information.
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated eslint-loader@3.0.3: This loader has been deprecated. Please use eslint-webpack-plugin.

这种警告实际上是因为一些包已经过时，我们只需要忽略即可，但是如果希望禁用可以使用以下命令：

npm install 包名 --no-warn

结论

Node.js 在 Windows 环境下的安装和配置并不难，只需要遵循正确的步骤，并学会处理一些可能出现的问题。本文提供了大量示例代码和解决方案，希望可以帮助大家快速掌握Node.js的使用。如果你还是一个Node.js的新手，那么不妨从这里开始，经过不断的练习和实践，会发现Node.js为前端开发提供了强有力的支持工具。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67707527e9a7045d0d7cab66