node.js+npm 安装配置全流程

目录

1.前言

2.安装node.js

3.配置node.js环境

1.搜索【控制面板】进入【系统和安全】-【系统】-【高级系统设置】界面

2.点击环境变量，进行如下操作

3.在用户变量的path中，输入 %NODE_PATH%

4.验证nodejs环境配置

4.配置npm

1.配置npm的全局模块的存放路径以及cache的路径。在nodejs下建立"node_global"及"node_cache"两个文件夹

2.选中cache文件夹，右键进入属性，进行如下操作，给user的所有权限，以防止后续操作warn

3.修改cmd文件以防止后续操作出现 npm WARN config global

4.配置相应路径

5.npm相关命令

1.初始化项目

2. 安装包

3. 卸载包

4. 更新包

5. 运行脚本

6. 查看信息

7. 配置管理

8. 其他常用命令

9. 快捷别名

---

1.前言

        Node.js 是一个基于 Chrome V8 引擎的 JavaScript ，运行时，npm 是 Node.js 的包管理器，用于管理项目的依赖包。要使用 npm，首先需要安装 Node.js 和 npm。

        若未安装或修改某些配置，使用npm如npm i可能会出现 error  npm：无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称，在配置中可能出现 npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.等。

        个人解决方法如下，简要说明。

2.安装node.js

        我安装的是v16.16.0-win-x64版本，可在Index of /download/release/v16.16.0/或进入node.js官网下载，按需选择版本，完成后安装，可自主配置路径，一路next......finish即可。

3.配置node.js环境

1.搜索【控制面板】进入【系统和安全】-【系统】-【高级系统设置】界面

2.点击环境变量，进行如下操作

（1）复制一下node.js安装路径

（2）在用户变量下新建变量

（3)输入变量名与变量值，点击确定

3.在用户变量的path中，输入 %NODE_PATH%

（1）点击 path，进入编辑界面

（2）输入 %NODE_PATH% ，点击确定

4.验证nodejs环境配置

win+R，输入cmd打开命令行，输入 echo %PATH% ，node -v ，可进行验证

4.配置npm

1.配置npm的全局模块的存放路径以及cache的路径。在nodejs下建立"node_global"及"node_cache"两个文件夹

2.选中cache文件夹，右键进入属性，进行如下操作，给user的所有权限，以防止后续操作warn

3.修改cmd文件以防止后续操作出现 npm WARN config global

(1)将  node.js 下的 npm.cmd 文件，用记事本或其他工具打开进行修改

(2)将 prefix -g替换成prefix --location=global，保存即可

4.配置相应路径

win+R，cmd打开命令行输入

•         npm config set prefix “node_global的绝对路径” 
•         npm config set cache “node_cache的绝对路径” 
•         示例
•         npm config set prefix "E:\APP\nodejs\node_global"
•         npm config set cache "E:\APP\nodejs\node_cache"

设置镜像，输入

        npm config set registry http://registry.npm.taobao.org/

至此，关于npm的配置基本完成

5.npm相关命令

1.初始化项目

• 命令: npm init

  • 描述: 创建package.json文件，记录项目信息和依赖。

  • 快速初始化: npm init -y（跳过问答，使用默认值）。

---

2. 安装包

• 本地安装（生产依赖）:

  • npm install <package> 或 npm i <package>

  • 示例: npm install express

• 开发依赖安装:

  • npm install <package> --save-dev 或 npm i <package> -D

  • 示例: npm install eslint --save-dev

• 全局安装:

  • npm install -g <package> 或 npm i -g <package>

  • 示例: npm install -g nodemon

• 安装所有依赖（根据package.json）:

  • npm install 或 npm i

3. 卸载包

• 本地卸载:

  • npm uninstall <package>

  • 示例: npm uninstall lodash

• 全局卸载:

  • npm uninstall -g <package>

  • 示例: npm uninstall -g typescript

4. 更新包

• 更新所有包:

  • npm update

• 更新指定包:

  • npm update <package>

  • 示例: npm update react

• 检查过时的包:

  • npm outdated

5. 运行脚本

• 运行自定义脚本:

  • npm run <script-name>

  • 示例: npm run build

• 预定义脚本快捷方式:

  • npm start（等同于npm run start）

  • npm test（等同于npm run test）

6. 查看信息

• 查看已安装的包:

  • npm list（显示树形结构）

  • npm list --depth 0（仅显示顶层依赖）

• 查看全局安装的包:

  • npm list -g --depth 0

• 查看包详细信息:

  • npm view <package> 或 npm info <package>

  • 示例: npm view react version（查看React最新版本）

7. 配置管理

• 设置镜像源:

  • npm config set registry <url>

  • 示例（使用淘宝源）:
    npm config set registry https://registry.npmmirror.com

• 查看当前配置:

  • npm config list

8. 其他常用命令

• 清理缓存:

  • npm cache clean --force

• 安全检查:

  • npm audit（检查依赖漏洞）

  • npm audit fix（自动修复漏洞）

• 发布包:

  • npm login（登录npm账号）

  • npm publish（发布当前包）

• 安装特定版本:

  • npm install <package>@<version>

  • 示例: npm install express@4.17.1

9. 快捷别名

• npm i → npm install

• npm rm → npm uninstall

• npm ls → npm list