npm包安装命令及显示~^区别

最新推荐文章于 2025-06-25 20:54:36 发布
原创 最新推荐文章于 2025-06-25 20:54:36 发布 · 1.6k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm

本文介绍了如何使用npm命令安装、卸载包，并详细解析了`~`和`^`在版本控制中的含义。通过`npm install --save`或`--save-dev`分别将包添加到生产或开发依赖，`npm uninstall`用于卸载包。同时，展示了如何指定安装特定版本的包，并通过`npm ls`检查已安装的版本。

包安装命令

  1. 安装到生产环境,并添加到package.json文件的dependencies属性中
npm i vxe-table
npm i vxe-table --save
npm i vxe-table-S

显示：
“dependencies”: {
“vxe-table”: “^3.3.0”
},

  1. 安装到开发依赖，并添加到package.json文件的devDependencies属性中
npm i vxe-table --save-dev
npm i vxe-table -D

显示：
“devDependencies”: {
“vxe-table”: “^3.3.0”
},

包卸载命令(不区分环境）

npm i vxe-table
npm remove vxe-table

安装指定版本的包

npm i vxe-table@3.0.0//命令
"vxe-table": "^3.0.0"//显示

说明：通过@指定版本，只能指定当前主版本是3，后面两个会自动识别到最新的，但不会安装4级以上版本

npm i vxe-table@3.1.5//命令，然后
"vxe-table": "^3.1.5"//显示，然后
npm ls vxe-table//控制台命令查看当前安装的包版本
3.1.5//控制台输出

~ ^ 区别

  1. ^主版本号不会变，另外两个版本号会更新到最新
  2. ~主版本和次要版本不会变，最后一个版本号会更新到最新
  3. 啥也没有：固定版本，不会更新
npm 常用包安装命令总结与编程学习
KrDebugging的博客
09-19 1035
在进行 JavaScript 开发时，npm 是一个非常重要的工具，它是 Node.js 的包管理器。通过 npm，我们可以轻松地安装、管理和更新开源的 JavaScript 包。本文将总结一些常用的 npm 包安装命令，并提供相应的源代码示例，帮助您更好地进行编程学习。通过使用这些命令，您可以轻松地安装、更新和管理 JavaScript 包，为您的编程学习提供便利。可以在包名后面指定版本号，也可以使用比较运算符来安装满足特定条件的版本。全局安装包是指安装后可以在任何项目中使用的包。
npm 安装包 版本号指定标识符^~*
码农键盘上的梦
05-28 1241
主版本号为10、次版本号为0、修补版本号为0，那。，依次为主版本号、次版本号、修补版本号。我们可以先来了解依赖的版本。
npm uninstall报错：npm ERR! gyp
ZeroOber的博客
08-22 637
我这里是卸载vxe-table一直报错，在卸载依赖的时候出现各种错误，当然我本地环境npm等版本也有不兼容/版本过高等问题 ，在 npm uninstall vxe-table时候就各种报错，最后实在没办法卸载这些依赖就找到node-models中安装的依赖，然后直接删除，再到main.js中把引入和初始化该依赖的代码删除，这样子从新install就没问题了。
VUE安装和卸载插件
Y2960018173的博客
08-21 1969
xxx就是你要安装的插件名称。
在vue2.6项目中拓展集成vxe-table组件教程
jxysgzs的博客
01-26 5173
环境：vue2.6 1. 安装xe-utils vxe-table npm install xe-utils vxe-table 注： xe-utils是vxe-table的依赖环境，需要一并安装。 2.添加main.js import Vue from 'vue' import VXETable from 'vxe-table' import 'vxe-table/lib/index.css' Vue.use(VXETable) 注： 部分人安装时可能会出
npm install 版本号不自动添加符号(^)
cainiao1412的博客
04-25 1942
问题 在一个 Ionic 项目中，使用 cordova platform add ... --save 命令后，package.json 文件中对应的 Cordova 插件 cordova-plugin-xxx 的版本号总是会自动添加一个前缀符号 ^。 比如"cordova-plugin-touch-id": "3.4.0"会自动变成"cordova-plugin-touch-id": "^3.4.0"。 探究 先搞清楚，版本号的前缀^作用是什么呢？ 众所周知，运行 npm install 命令时
NPM 依赖包版本号 `~` 和 `^` 的区别及最佳实践
deary
06-25 1355
NPM版本管理策略解析：~与^的区别及最佳实践 摘要：本文详解NPM依赖管理中~和^的区别，~锁定次版本仅允许补丁更新（~1.3.1=>1.3.x），^允许次版本和补丁更新（^1.3.1=>1.x）。建议个人项目用^保持活性，生产环境用~确保稳定，组件库开发则区分dependencies(~)和devDependencies(^)。关键实践包括：使用lock文件确保构建一致性，定期更新依赖并测试，CI环境使用npm ci。记住口诀："开发时用^，上线前转~，锁住lock，定期升级！&q
npm发包
qq_52469895的博客
02-14 1021
不过撤包推荐用法： npm unpublish的推荐替代命令：npm deprecate [@] 使用这个命令，并不会在社区里撤销你已有的包，但会在任何人尝试安装这个包的时候得到警告 例如：npm deprecate z-tool '这个包我已经不再维护了哟～'终端执行 npm unpublish 例如： 1、npm unpublish z-tool@1.0.0 删除某个版本 2、npm unpublish z-tool --force 删除整个npm市场的包。，比如是淘宝源，请切换。
npm常用命令大全
penngo的专栏
11-14 1万+
npm常用命令大全，安装、配置、更新、删除
前端npm包发布流程：从准备到上线的完整指南
ztK63LrD的博客
05-11 2995
本文详细介绍了如何在npm平台上发布和管理包的全过程，包括账号注册、镜像切换、包的初始化和发布、版本更新及删除等关键步骤。文章还提供了关于包配置的详细说明，如package.json文件的各项配置及其意义，帮助开发者更好地准备和发布npm包。此外，文章还探讨了npm的一些高级功能，如预发布版本的处理、默认安装版本的设置等，旨在提升开发者的发布效率和包的管理能力。通过这些指导和技巧，开发者可以更顺畅地在npm上发布和维护自己的包。
Nodejs中 npm常用命令详解
10-22
17. 发布npm包： 在创建并测试完自己的模块后，可以使用`npm publish`命令将其发布到npm仓库，但在此之前需要确保包名未被占用，可以使用`npm search packageName`进行检查。 以上是npm的一些核心命令，对于Node....
NPM依赖包版本号~和^的区别
Dontla的博客
09-27 1445
~会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0 ^会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0 参考文章：NPM依赖包版本号~和^的区别及最佳实践 ...
NPM依赖包版本号~和^的区别及最佳实践
热门推荐
justforuse的博客
04-12 4万+
你会发现很多项目的依赖包版本号前面会加上~，或者是^，以Angular2为例： 那么~和^的作用和区别是什么呢？ ~会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0 ^会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0 详细可参考http://stackoverflow.com/questions/223
package.json中^,~的区别
知行合一
12-04 1459
"devDependencies": { "antd": "^3.1.4", "babel-plugin-import": "~1.1.0", "classnames": "2.2.5", "qs&qu
npm package.json文件dependencies依赖包版本号前面^和~符号的含义
听海边涛声
04-09 827
npm package.json文件dependencies依赖包版本号前面^和~符号的含义
秒懂NPM依赖包版本号~和^的区别
vv_bug
04-16 1734
你是不是也和我一样，总忘记~和^的区别？（哈哈，或者你压根就不知道？） 哈哈，不瞒你们说，今天忍住没看源码只盯着semver的api看了很久（????真是的又长又丑），终于是看到它的规律了（已经懂了的大牛就略过哈） 我们常见的大概有这些： ~1.0.0(^1): >=1.0.0 <1.1.0 ( >=1.0.0 <2.0.0) ~1.0.1(^1.0.1): >=1.0...
NPM依赖包版本号~和^和*的区别
潜行者
10-16 3万+
~ 会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0^ 会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0* 这意味着安装最新版本的依赖包 推荐使用~，只会修复版本的bug，比较稳定 使用^ ，有的小版本更新后会引入新的问题导致项目不稳定， 比如：之前的weex老项目安装依赖后页面无
npm package.json dependencies 的版本号 的 ^ 符号是什么
qq_41045651的博客
07-10 4756
符号表示可以接受该版本的主要版本号不变，但接受更新的次要版本号和修订版本号。例如，假设某个依赖包的版本为。符号将帮助你自动更新到符合指定范围的最新版本，但不会更新到不兼容的主要版本。符号是用于指定依赖包的版本范围的一种语义化版本规范。使用这些符号可以帮助你在维护依赖关系时灵活地控制更新。但它将不会允许安装主要版本号发生变化的版本，例如。符号来指定一个兼容的版本范围。部分指定一个依赖包时，可以使用。
npm 包常用命令
最新发布
08-25
以下是一些 npm 包管理工具的常用命令列表，涵盖包安装、管理、配置、缓存操作等常见用途： ### 安装与卸载包 - `npm install <package-name>`：安装指定名称的包到项目中[^3]。 - `npm install -g <package-name>`：全局安装指定的包，通常用于安装命令行工具。 - `npm install --save-dev <package-name>`：安装开发依赖包，并将其添加到 `package.json` 文件的 `devDependencies` 部分[^3]。 - `npm uninstall <package-name>`：卸载本地安装的包。 - `npm uninstall -g <package-name>`：卸载全局安装的包。 ### 依赖管理 - `npm init`：创建一个新的 `package.json` 文件。 - `npm init -y`：快速创建一个带有默认值的 `package.json` 文件。 - `npm update <package-name>`：更新指定的包到最新版本。 - `npm outdated`：列出所有已安装但存在新版本的包。 - `npm install --production`：仅安装生产环境依赖项，跳过 `devDependencies`。 ### 包信息与搜索 - `npm search <keyword>`：在 npm 注册表中搜索包。 - `npm view <package-name>`：查看包的详细信息，例如版本、依赖项等。 - `npm info <package-name>`：获取包的完整信息，包括发布历史和维护者信息。 ### 缓存操作 - `npm cache clean --force`：清理 npm 缓存，用于解决包下载失败或冲突问题[^2]。 - `npm cache ls`：列出缓存中的包。 - `npm cache verify`：验证缓存内容的完整性。 - `npm cache npx ls`：列出缓存的 npx 相关内容。 - `npm cache npx rm <key>`：删除缓存中的特定 npx 内容。 ### 脚本运行 - `npm run <script-name>`：运行 `package.json` 中定义的脚本。 - `npm start`：运行 `package.json` 中定义的 `start` 脚本，如果没有定义，则默认运行 `node app.js` 或 `node server.js`。 - `npm test`：运行 `package.json` 中定义的 `test` 脚本。 ### 其他常用命令 - `npm version`：查看当前 npm 客户端版本。 - `npm config list`：显示当前 npm 的配置。 - `npm whoami`：显示当前登录的 npm 用户。 - `npm login` / `npm logout`：登录或退出 npm 账户。 - `npm publish`：发布一个新的包或更新现有的包到 npm 注册表。 ### 示例代码：运行脚本 ```json // package.json { "scripts": { "start": "node app.js", "test": "jest", "lint": "eslint ." } } ``` ```bash npm run test # 运行测试脚本 npm run lint # 运行代码检查 ``` ### 示例代码：安装与保存依赖 ```bash npm install express --save-dev # 将 express 安装为开发依赖 ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值