npm 常用命令

文章目录

  • npm
    • [1. 安装npm包](#1. 安装npm包)
    • [2. 查看已安装的包](#2. 查看已安装的包)
    • [3. 更新npm包](#3. 更新npm包)
    • 4.卸载npm包
    • [5. 初始化npm项目](#5. 初始化npm项目)
    • 6.运行脚本
    • [7. 查看npm版本](#7. 查看npm版本)
    • [8. 发布npm包](#8. 发布npm包)
    • [9. 搜索npm包](#9. 搜索npm包)
    • [10. 查看npm包的详细信息](#10. 查看npm包的详细信息)

npm

npm(Node Package Manager)是Node.js的包管理工具,它允许你安装、共享和分发代码。npm提供了一系列命令来管理你的项目依赖、版本、脚本等。以下是一些npm的常用命令:


1. 安装npm包

全局安装
npm install -g <package-name>将包安装到全局环境中,可以在任何地方访问它。
局部安装
npm install <package-name>将包安装到当前项目的node_modules目录下,并更新package.json和package-lock.json文件(如果它们存在)。

2. 查看已安装的包

查看全局安装的包
npm list -g --depth 0列出所有全局安装的包,--depth 0参数限制只显示顶层包。
查看项目依赖
npm list 或 npm ls在项目根目录下运行会列出当前项目安装的所有依赖。

3. 更新npm包

更新全局包
npm update -g <package-name>
更新项目依赖
npm update会尝试更新package.json中列出的所有包到最新版本。对于单个包,可以使用npm update 。

4.卸载npm包

全局卸载
npm uninstall -g <package-name>
局部卸载
npm uninstall <package-name>

5. 初始化npm项目

npm init启动一个交互式会话,以创建一个新的package.json文件。你也可以使用npm init -y来接受所有默认配置,快速生成package.json。

6.运行脚本

在package.json文件的scripts部分定义的脚本可以通过npm run <script-name>来运行。例如,如果你有一个start脚本,你可以通过npm start来运行它。

7. 查看npm版本

查看npm工具版本
npm -v 或 npm --version
查看当前项目的node版本

(通过package.json中的engines字段):npm run env | grep node(注意:这依赖于你在scripts中定义了env脚本,或者你可以直接使用node -v来查看全局Node.js版本)。

8. 发布npm包

npm publish将你的包发布到npm仓库。首先,你需要在npm上注册一个账户,并在package.json中设置好包名、版本等信息。

9. 搜索npm包

npm search <keyword>搜索npm上的包。

10. 查看npm包的详细信息

npm view <package-name>查看npm包的详细信息,包括版本、依赖、描述等。

相关推荐
IT_陈寒21 分钟前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol1 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉1 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau1 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生1 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼2 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879972 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter
leolee182 小时前
Redux Toolkit 实战使用指南
前端·react.js·redux
bluceli2 小时前
React Hooks最佳实践:写出优雅高效的组件代码
前端·react.js
IT_陈寒2 小时前
JavaScript代码效率提升50%?这5个优化技巧你必须知道!
前端·人工智能·后端