从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进程中的守护进程原理解析

相关推荐
青茶360几秒前
php怎么实现订单接口状态轮询(二)
前端·php·接口
大橙子额43 分钟前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
LYFlied2 小时前
从 Vue 到 React,再到 React Native:资深前端开发者的平滑过渡指南
vue.js·react native·react.js
爱喝白开水a2 小时前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
董世昌412 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
B站_计算机毕业设计之家2 小时前
豆瓣电影数据采集分析推荐系统 | Python Vue Flask框架 LSTM Echarts多技术融合开发 毕业设计源码 计算机
vue.js·python·机器学习·flask·echarts·lstm·推荐算法
吃杠碰小鸡3 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone3 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_09014 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农4 小时前
Vue 2.3
前端·javascript·vue.js