前端常用包管理命令

约 1274 字大约 4 分钟

2025-06-19

前端开发中常用的命令和工具包括 npm 和 Vite，它们在前端项目中扮演着重要角色。以下是对它们的详细介绍，包括常用命令参数、使用场景、优缺点等。

npm（Node Package Manager）

npm 是 Node.js 的包管理工具，用于安装、管理和发布 JavaScript 包。

常用命令

初始化项目
```
npm init
```

创建一个 package.json 文件，记录项目的依赖和配置。

镜像源

npm config ls -l
npm config set registry https://registry.npmmirror.com/
npm config set registry=https://mirrors.cloud.tencent.com/npm/
npm config set registry https://registry.npm.taobao.org/

更新npm版本
```
npm install -g npm
```

node版本

先清除npm缓存：npm cache clean -f
然后安装n模块：npm install -g n
升级node.js到最新稳定版：n stable
升级node.js到最新版：n latest

安装包
```
npm install <package-name> --save
```

安装指定包到 node_modules 目录，并将其添加到 package.json 的 dependencies 中

安装开发依赖（devDependencies）：

npm install <package-name> --save-dev
// -S 是 --save 的缩写
// -D 是 --save-dev 的缩写

全局安装：
```
npm install -g <package-name>
```
卸载包
```
npm uninstall <package-name>
```
更新包
```
npm update <package-name>
```

运行脚本

npm run <script-name>

运行 package.json 中定义的脚本，例如：

"scripts": {
  "start": "vite",
  "build": "vite build"
}

查看已安装的包及版本和检查是否存在冲突
```
npm ls
npm list
```
清理缓存
```
npm cache clean --force
```

使用场景

管理项目依赖。
运行构建、测试、启动等脚本。
发布自己的包到 npm 仓库。

优缺点

优点：
- 生态丰富，几乎所有的 JavaScript 库都支持 npm。
- 简单易用，社区支持强大。
缺点：
- 依赖安装速度较慢（尤其是嵌套依赖）。
- 依赖管理可能不够严格，容易出现版本冲突。

各版本符号说明

major：主版本号
minor：次版本号
patch：补丁号
premajor：预备主版本
prepatch：预备次版本
prerelease：预发布版本

示例	说明
~1.2.3	主版本+次要版本+补丁版本;1.2.3 <= version < 1.3.0;
~1.2	主版本+次要版本;1.2.0 <= version < 1.3.0
~1	主版本;1.0.0 <= version < 2.0.0

符号	示例	范围	说明
	1.0.0	1.0.0	锁定1.0.0版本，必须这个版本。
^会匹配最新的大版本依赖包	^1.2.3、0.2.3	>=1.2.3 <2.0.0、>=0.2.3 <0.3.0	表示安装1.x.x的最新版本（不低于1.2.3，包括1.3.0），但是不安装2.x.x，也就是说安装时不改变大版本号。需要注意的是，如果大版本号为0，则插入号的行为与波浪号相同，这是因为此时处于开发阶段，即使是次要版本号变动，也可能带来程序的不兼容。(主版本)
~会匹配最近的小版本依赖包	~1.2.3	>=1.2.3 <1.3.0	表示安装1.2.x的最新版本（不低于1.2.3），但是不安装1.3.x，也就是说安装时不改变大版本号和次要版本号。
>=	>=2.1.0	>=2.1.0	大于等于2.1.0
<=	<=2.0.0	<=2.0.0	小于等于2.0.0
lastest			安装最新的版本
*		>=0.0.0	任何版本
-	1.2.3 - 2.3.4	>=1.2.3 <=2.3.4