Windows系统安装Node.Js及环境配置

一、下载Node.js

官网https://nodejs.org/en/下载node.js，下载安装版（msi）或者免安装版（zip）根据个人需要，安装完成后都需要手动配置环境变量。

二、安装Node.js

Nodejs安装版与免安装版区别在于一个是zip解压即可，另一个需执行安装。建议安装在C:\Program Files\nodejs或者D:\Program Files\nodejs，需要注意的是为了避免npm包管理出错，不要安装在中文或者括号的路径。（比如我之前安装在了Program Files (x86)目录，导致npm安装包时安装在了Program Files目录，系统自动忽略了括号）

三、配置环境变量

环境变量设置在控制面板\系统和安全\系统|高级系统设置|高级|环境变量变量分为系统变量和用户变量两种。

（一）Node.js环境变量

在添加环境变量前，需要在nodejs根目录下新建公用包安装目录node_global和包缓存目录node_cache，以便后面调整包管理路径。

需要添加到系统变量Path的路径：

# 1.nodejs安装目录
D:\Program Files\nodejs\
    
# 2.node_modules目录
D:\Program Files\nodejs\node_modules

# 3.node_global模块目录
D:\Program Files\nodejs\node_global

以上路径根据实际目录路径添加。

添加系统变量后就可以测试nodejs能否运行了，win+r快捷键运行，输入cmd回车进入命令行工具，输入node -v，如果返回版本信息则表示安装完成，同时输入npm -v查看npm包管理器的版本信息。

Microsoft Windows [版本 10.0.18363.1440]
(c) 2019 Microsoft Corporation。保留所有权利。

C:\Users\Admin>node -v
v14.17.6

C:\Users\Admin>npm -v
6.14.15

C:\Users\Admin>

（二）配置包安装路径

Nodejs默认安装包在用户目录C:\Users\用户名\AppData\Roaming之下，为了方便管理把包安装目录设为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"

四、包管理器

包管理器除了nodejs自带的npm外，还有yarn、cnpm第三方包管理器，一般情况下载npm无法正常安装时使用，cnpm应不首先考虑，因为其安装的包相比其他包管理器安装的包体积都大。

（一）npm

npm基本命令

# 安装命令（install或i）
npm install 包名
npm i 包名
# 安装参数
-g #全局安装
--global #全局安装
--save #私有安装（安装在项目内）
--save-dev #私有安装为开发环境（区别在于package.json配置文件的devDependencies字段）


# 卸载包（uninstall）
npm uninstall 包名
# 参数同安装参数



# 创建node项目命令（init）
npm init


# 已安装包列表（list）
npm list
# 参数同安装参数
npm list -g # 查看全局安装的包
npm list --save # 查看私有安装的包


# 查看配置（config list）
npm config list
# 也可以加上全局参数
npm config list -g


# 添加配置（config set）
npm config set registry http://registry.npm.taobao.org
npm config set ELECTRON_MIRROR https://cdn.npm.taobao.org/dist/electron/
# yarn包管理器同理

（二）yarn/cnpm

yarn通过以下命令安装yarn（安装cnpm同理）：

npm install yarn -g

-g 全局安装yarn包管理器，因为每个node项目都要用到。

执行yarn -v命令就能看到yarn的版本号了。

注意：

yarn命令基本同npm，区别在于yarn add安装包，yarn remove删除包。

每个包管理器都有自己的配置，比如npm的配置文件为.npmrc，yarn配置文件为.yarnrc，他们存放在用户目录~下。

五、修改镜像地址

包主要是用npm包管理器进行安装，由于国内下载安装包较慢，这时候就需要修改服务器地址为国内镜像地址。

npm包管理器

npm config set registry http://registry.npm.taobao.org
npm config set ELECTRON_MIRROR https://cdn.npm.taobao.org/dist/electron/

yarn包管理器

yarn config set registry http://registry.npm.taobao.org
yarn config set ELECTRON_MIRROR https://cdn.npm.taobao.org/dist/electron/

ELECTRON_MIRROR是为了解决electron安装慢的问题，经测试删除registry配置后npm反而比较快，可能是本人电脑DNS的问题。

命令实际上修改的是用户目录下的.npmrc和.yarnrc文件，如果添加的设置不需要可以直接在文件中删除该项。命令行设置ELECTRON_MIRROR报错则直接在用户目录下配置文件配置：
.npmrc：ELECTRON_MIRROR=https://cdn.npm.taobao.org/dist/electron/
.yarnrc：ELECTRON_MIRROR "https://cdn.npm.taobao.org/dist/electron/"