从0开始学vue:npm命令详解

npm(Node Package Manager)是Node.js的官方包管理工具,用于在Node.js项目中安装、管理和共享代码包。它提供了丰富的命令行工具,帮助开发者高效地管理项目依赖、运行脚本、发布包等。以下是npm常用命令的详细解析:

一、项目初始化

  • npm init :初始化一个新的Node.js项目,生成package.json文件。该文件记录了项目的基本信息(如名称、版本、描述)和依赖项。
  • npm init -y :快速初始化项目,跳过交互式问答,直接使用默认配置生成package.json文件。

二、依赖管理

  1. 安装依赖

    • npm install <package-name> :安装指定模块到项目中,默认添加到dependencies(生产依赖)。
    • npm install <package-name> --save-devnpm install <package-name> -D :安装开发依赖(如测试框架、打包工具),添加到devDependencies
    • npm install <package-name> -gnpm install --global <package-name> :全局安装模块,使其在命令行中可用(如nodemon)。
    • npm install <package-name>@<version> :安装指定版本的模块(如npm install react@18.2.0)。
    • npm install :根据package.json安装所有依赖。
  2. 卸载依赖

    • npm uninstall <package-name> :卸载模块,并从package.json中移除记录。
    • npm uninstall <package-name> --save-devnpm uninstall <package-name> -D :卸载开发依赖,并从devDependencies中移除。
    • npm uninstall <package-name> -g:卸载全局模块。
  3. 更新依赖

    • npm update :更新所有依赖到最新版本(遵循package.json中的版本范围)。
    • npm update <package-name>:更新指定模块到最新版本。
    • npm update -g <package-name>:更新全局模块。
  4. 查看依赖

    • npm list:列出当前项目已安装的所有模块及其依赖关系。
    • npm list -g:列出全局安装的所有模块。
    • npm list --depth=0:仅显示顶级依赖,避免输出过多信息。
    • npm outdated:检查过时的依赖,列出当前版本、期望版本和最新版本。

三、脚本执行

  • npm run <script-name> :运行package.jsonscripts字段定义的脚本。例如:

    json 复制代码
    {
      "scripts": {
    	"start": "node app.js",
    	"dev": "nodemon app.js",
    	"test": "jest"
      }
    }
    • 运行npm run start启动生产环境服务。
    • 运行npm run dev启动开发环境服务(自动重启)。
    • 运行npm run test执行测试。
  • 特殊脚本starttest脚本可以省略run,直接运行npm startnpm test

四、包发布与管理

  1. 发布包

    • npm publish :将当前包发布到npm仓库。需先登录(npm login),且package.json中需有唯一的nameversion
    • npm publish --tag beta:发布带标签的版本(如测试版)。
  2. 撤销发布

    • npm unpublish <package>@<version>:撤销指定版本的包(需在发布后72小时内操作)。
  3. 弃用包

    • npm deprecate <package>@<version> "弃用理由":弃用指定版本的包,并给出自定义理由。

五、搜索与查看包信息

  • npm search <keyword>:在npm仓库中搜索包含关键字的包。
  • npm view <package-name>:查看包的详细信息(如版本、描述、依赖)。
  • npm view <package-name> versions:查看包的所有可用版本。
  • npm view <package-name> dependencies:查看包的依赖关系。
  • npm view <package-name> repository.url:查看包的源文件地址。

六、缓存与清理

  • npm cache clean --force:强制清空npm缓存(解决安装或更新问题)。
  • npm cache verify:验证缓存数据的完整性,并尝试修复问题。

七、配置管理

  • npm config set <key> <value> :设置npm配置项(如注册表地址、全局安装路径)。
    • 示例:npm config set registry https://registry.npmmirror.com(使用淘宝镜像)。
    • 示例:npm config set prefix "D:\GlobalNodeModules"(设置全局安装路径)。
  • npm config get <key>:获取配置项的值。
  • npm config delete <key>:删除配置项。
  • npm config list:查看所有配置信息。

八、其他实用命令

  • npm help <command>:查看某条命令的详细帮助信息。
  • npm root -g:查看全局安装的Node.js包的安装路径。
  • npm link:将本地包链接到全局,便于在其他项目中使用(开发调试)。
  • npm unlink <package-name>:解除全局链接的本地包。
  • npm ci :在持续集成(CI)环境中使用,根据package-lock.jsonnpm-shrinkwrap.json精确安装依赖,保证环境一致性。
  • npm audit:检查项目依赖中的安全漏洞。
  • npm audit fix:自动修复兼容的漏洞。
  • npm version <level> :更新项目版本号(patchminormajor),并自动创建Git提交和标签。

Docker进程中的守护进程原理解析

相关推荐
一嘴一个橘子9 分钟前
vue.js 视频截取为 gif - 2(将截取到的gif 转换为base64 、file)
vue.js
Mintopia15 分钟前
🤖 算法偏见修正:WebAI模型的公平性优化技术
前端·javascript·aigc
Mintopia18 分钟前
🧩 TypeScript防御性编程:让Bug无处遁形的艺术
前端·typescript·函数式编程
JarvanMo20 分钟前
🔔 Flutter 本地通知: 吸引用户的完整指南—即使在他们离线时也能实现
前端
你想考研啊25 分钟前
一、redis安装(单机)和使用
前端·数据库·redis
江城开朗的豌豆27 分钟前
小程序与H5的“握手言和”:无缝嵌入与双向通信实战
前端·javascript·微信小程序
天蓝色的鱼鱼28 分钟前
React 19 发布一年后:对比 React 18,带来了哪些惊喜与变革
前端·react.js
你的电影很有趣32 分钟前
lesson73:Vue渐进式框架的进化之路——组合式API、选项式对比与响应式新范式
javascript·vue.js
江城开朗的豌豆33 分钟前
小程序静默更新?用户却无感?一招教你“强提醒”
前端·javascript·微信小程序
小张成长计划..34 分钟前
VUE工程化开发模式
前端·javascript·vue.js