node.js+npm安装配置的完整流程记录

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

总结 

到此这篇关于node.js+npm安装配置的文章就介绍到这了,更多相关node.js+npm安装配置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

最新评论