最详细的Windows安装node.js 和 npm大全

说明

Node.js® 是一个免费、开源、跨平台的 JavaScript 运行时环境, 它让开发人员能够创建服务器 Web 应用、命令行工具和脚本。

NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。
2020年3月17日，Github宣布收购npm，GitHub现在已经保证npm将永远免费。

安装时一般要选择LTS版本，也就是长期支持版本以确保稳定性。

新手请注意：安装node.js时会同时安装npm。

1. 安装node.js

1.1 方法1

1.1.1 下载和安装 fnm:

//"fnm" 是使用npm的跨平台包管理器.
winget install Schniz.fnm

1.1.2 下载和安装 Node.js:

提前到node.js官网查看最新LTS版本号

//查到当前最新LTS版本号是22，所以安装版本22
fnm install 22

1.1.3 检查 Node.js 版本:

// 应该显示当前最新LTS版本号，也就是前面查到的 "v22.14.0".
node -v

1.1.4 检查npm 版本:

// 安装node.js时自动安装，应该显示当前最新版本号 "10.9.2".
npm -v

1.2. 方法2

在到 node.js官方网址下载指定的二进制版本安装即可。

说明：

关于npm安装后环境变量和路径配置的信息参见第3节。
关于npm安装后换源的信息参见第4节。

2. （可选）改变npm包文件存储位置

在C:\Users\Administrator\AppData\Roaming，查看下面的npm和npm-cache(使用后才会有本目录)这两个文件夹。

如果想改变存储位置，可以复制这两个文件夹到新的目录下，比如d:\nodejs下。然后执行如下命令

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

3. 检查和设置环境变量

// Windows，检查输出包含了前面选择的node.js的安装目录，比如d:\nodejs
echo %PATH%

不管是否改变了npm的存储位置，都要像如下类似增加环境变量，以确保node_modules能被找到：

NODE_PATH 内容是：D:\nodejs\node_global\node_modules

需要在windows 系统–高级系统信息–系统属性–环境变量中手工增加全局变量

参见文章

4. 换源

npm官方源比较慢，一定要换成国内淘宝源

//查看源
npm config get registry
//或者
npm list -global

//官方地址为https://registry.npmjs.org， 此为淘宝地址
npm config set registry http://registry.npmmirror.com
npm config set disturl https://npmmirror.com/mirrors/node

//根据需要设置如下两个
npm config set disturl https://npmmirror.com/dist
npm config set sass_binary_site https://npmmirror.com/mirrors/node-sass/

换源也可以手工修改：
输入命令npm config list 显示所有配置信息，我们关注一个配置文件

C:\Users\Administrator\.npmrc

其它换源方法参见1，2，3。换源后测试参见2。临时换源参见3。

优点：国内下载速度提升5-10倍 34
缺点：需定期验证镜像同步状态（npm info <package>对比官方版本）

5.全局路径优化（解决权限问题）

mkdir ~/.npm-global
npm config set prefix ~/.npm-global
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc

适用场景：避免使用sudo安装全局模块导致的权限混乱17

6. （可选）安装其它包管理器

6.1 不建议安装cnpm，因为有时候和npm不兼容。

6.2 安装其它包管理器tyarn,yarn等。

//如果使用ant design，ant design pro等，官方推荐使用tyarn ,好用而且与npm兼容
npm install yarn tyarn -g

//publish, use npm to publish

tyarn命令使用示例： install ant design的命令作为示例

tyarn add antd

参见：

CSDN文章
博客园文章
知乎文章

5. node.js试运行

安装相关的依赖

npm install

测试开发环境服务器

npm run dev