npm 是什么?新手必备的 npm 使用教程​

2025-04-14
npm
80

1. npm 是什么?​

npm(Node Package Manager)​ 是 JavaScript 和 Node.js 的包管理工具,用于安装、管理和共享代码模块(称为“包”或“package”)。

  • npm 主要功能​:

    • 📦 安装和管理依赖​(如 React、Vue、Lodash 等第三方库)

    • 🔄 版本控制​(指定依赖的版本范围)

    • 🚀 运行脚本​(如 npm startnpm test

    • 🌍 发布自己的包​(分享代码到 npm 官方仓库)

  • npm 与 Node.js 的关系​:

    • npm 是 Node.js 的默认包管理器,安装 Node.js 时会自动安装 npm。

    • 可以通过 node -vnpm -v 检查版本:

npm 介绍


2. npm 基本使用​

(1)初始化项目(创建 package.json)​

package.json 是项目的配置文件,记录项目信息、依赖和脚本。

npm init          # 交互式创建 package.json
npm init -y      # 快速创建(使用默认值)

运行后,会生成一个 package.json 文件,内容类似:

{
  "name": "my-project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

(2)安装依赖包​

npm 可以安装 本地依赖​(仅当前项目使用)或 ​全局依赖​(所有项目可用)。

命令 作用 示例
npm install <package> 安装依赖(默认本地) npm install lodash
npm install -g <package> 全局安装 npm install -g nodemon
npm install --save-dev <package> 安装开发依赖(如 ESLint、Webpack) npm install --save-dev eslint
npm install 安装 package.json 中的所有依赖 npm install

示例:安装 React

npm install react react-dom

安装后,依赖会写入 package.jsondependenciesdevDependencies 中。


(3)卸载依赖​

npm uninstall <package>          # 卸载本地依赖
npm uninstall -g <package>       # 卸载全局依赖
npm uninstall --save-dev <package> # 卸载开发依赖

示例:卸载 lodash

npm uninstall lodash

(4)运行脚本(npm scripts)​

package.jsonscripts 字段可以定义快捷命令,如启动开发服务器、运行测试等。

示例:

{
  "scripts": {
    "start": "node index.js",
    "dev": "vite",
    "build": "vite build",
    "test": "jest"
  }
}

运行脚本:

npm run dev    # 运行 dev 脚本
npm run build  # 运行 build 脚本
npm start      # 运行 start(可省略 run)
npm test       # 运行 test(可省略 run)

3. npm 常用命令速查表​

命令 作用
npm init 初始化项目
npm install 安装所有依赖
npm install <package> 安装指定包
npm uninstall <package> 卸载包
npm update 更新所有依赖
npm outdated 检查过时的依赖
npm list 查看已安装的依赖
npm run <script> 运行自定义脚本
npm publish 发布自己的包
npm login 登录 npm 账号
npm cache clean 清理缓存

4. 常见问题 & 优化技巧​

(1)npm 安装慢?试试这些方法​

  • 切换镜像源​(如淘宝源):

  • **使用 --prefer-offline**​(优先使用缓存):

  • **使用 pnpmyarn**​(更快的替代工具):

(2)**node_modules** 太大?​​

  • 使用 npm prune 删除未使用的依赖

  • 使用 pnpmyarn 减少磁盘占用

(3)如何更新 npm?​

npm install -g npm@latest

5. 总结​

  • npm 是 Node.js 的包管理器,用于管理 JavaScript 依赖。

  • 核心操作​:npm initnpm installnpm run

  • 优化技巧​:换镜像源、使用缓存、尝试 pnpm/yarn

🚀 现在,尝试用 npm 创建一个新项目吧!​

mkdir my-app && cd my-app
npm init -y
npm install express

遇到问题?欢迎在评论区交流! 😊

原文地址:https://webfem.com/post/npm-intro,转载请注明出处