最详细的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官网](https://nodejs.org/zh-cn/download)查看最新LTS版本号
fnm install 22

1.1.3 检查 Node.js 版本:

// 应该显示 "v22.14.0".
node -v 

1.1.4 检查npm 版本:

// 安装node.js时自动安装,应该显示版本号 "10.9.2".
npm -v 

1.2. 方法2

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

说明:

  1. 关于npm安装后环境变量和路径配置的信息参见 第3节。
  2. 关于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 list 显示所有配置信息,我们关注一个配置文件

C:\Users\Administrator\.npmrc

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

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

其它包管理器tyarn,yarn等。

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

//命令使用示例:  install ant design的命令作为示例
//publish, use npm to publish
tyarn add antd

参见:

  1. CSDN文章
  2. 博客园文章
  3. 知乎文章

5. node.js试运行

运行安装依赖

npm install

测试开发环境服务器

npm run dev

你可能感兴趣的:(前端开发,node.js,windows,npm,javascript,typescript,前端框架)