深入浅出:npm 常用命令详解与实践

news2024/11/24 14:33:37

在现代的前端开发流程中,npm(Node Package Manager)已经成为了不可或缺的一部分。它不仅帮助我们有效地管理项目中的依赖包,还提供了一系列强大的命令来优化开发体验。在这篇博客中,我们将深入探讨 npm 的常用命令,并通过实际的案例和项目实践来加深理解。

一、npm 简介

npm 是随同 Node.js 一起安装的包管理工具,它允许开发者轻松地共享和复用代码,使得项目的构建和维护变得更加高效。

二、npm 常用命令详解

(一)npm init

npm init 命令用于在当前目录中初始化一个新的 Node.js 项目,并创建一个 package.json 文件。这个文件是项目的配置文件,包含了项目的名称、版本、作者、依赖等重要信息。

实践案例:
假设我们要创建一个名为 my-project 的项目。在终端中进入到目标文件夹,然后输入 npm init 。系统会提示您输入一系列的项目信息,如项目名称、版本、描述等。如果您不想逐一输入,可以使用 npm init -y 快速创建一个默认配置的 package.json 文件。

(二)npm install

  1. npm install <package-name> :用于安装指定的包。
    • 实践:如果我们想要在项目中使用 axios 这个 HTTP 请求库,只需输入 npm install axios ,npm 就会自动下载并安装 axios 及其相关的依赖。
  2. npm install <package-name> --save :安装指定的包,并将其添加到 package.json 文件的 dependencies 部分,这表示该包是项目在生产环境中运行所必需的依赖。
    • 示例:对于像 express 这样的后端框架,如果我们确定在生产环境中需要它,就可以使用 npm install express --save 。
  3. npm install <package-name> --save-dev :安装指定的包,并将其添加到 package.json 文件的 devDependencies 部分,通常这些包只在开发过程中使用,比如测试框架、构建工具等。
    • 比如,安装 jest 这个测试框架时,可以使用 npm install jest --save-dev 。

(三)npm update

npm update 命令用于更新项目中已安装的包到最新的可用版本。

实践操作:
在项目目录中执行 npm update ,npm 会检查每个已安装的包是否有新的版本可用,并进行更新。但需要注意的是,这可能会导致一些不兼容的更改,所以在更新之前最好查看相关包的更新日志。

(四)npm uninstall

npm uninstall <package-name> 用于从项目中卸载指定的包。

例如,如果项目不再需要 moment 这个日期处理库,可以输入 npm uninstall moment 来将其移除,并同时会从 package.json 文件中删除相关的依赖配置。

(五)npm run

npm run 用于执行在 package.json 文件中定义的脚本命令。

在 package.json 的 scripts 字段中,我们可以自定义各种脚本,例如:

"scripts": {
  "start": "node server.js",
  "build": "webpack",
  "test": "jest"
}

然后通过 npm run start 来启动服务器,npm run build 来执行构建操作,npm run test 来运行测试。

实践场景:
假设我们有一个使用 Webpack 进行构建的项目,定义了 build 脚本为 webpack 。在开发过程中,每次需要构建项目时,只需输入 npm run build ,Webpack 就会按照配置文件进行打包操作。

(六)npm list

npm list 用于列出项目中已安装的所有包及其依赖关系。

执行 npm list 后,会以树形结构展示出项目中安装的包以及它们之间的依赖层次。

(七)npm cache

npm cache clean 用于清除 npm 的缓存。

有时候,缓存可能会导致一些奇怪的问题,通过清除缓存可以解决一些安装或更新包时的异常情况。

三、实际项目中的综合运用

实战应用

了解这些命令的使用方法对于日常开发至关重要。下面和大家分享一些 npm 常用命令的实际使用示例:

1. 初始化项目

当你开始一个新的 Node.js 项目时,首先需要创建一个 package.json 文件来管理项目的元数据和依赖。使用 npm init 命令可以做到这一点:

复制

npm init
  • 1.

这个命令会提示你输入项目的信息(如名称、版本、描述等),或者你可以通过 npm init --yes 快速生成默认的 package.json 文件。

2. 安装依赖

安装一个名为 express 的包作为项目的依赖:

复制

npm install express
  • 1.

这会安装 express 并将其添加到 dependencies 列表中。如果是要安装开发依赖(比如测试框架 mocha):

复制

npm install mocha --save-dev
  • 1.

3. 运行脚本

假设你的 package.json 文件中定义了一个名为 start 的脚本:

复制

"scripts": {
  "start": "node server.js"
}
  • 1.
  • 2.
  • 3.

你可以通过以下命令来运行这个脚本:

复制

npm start
  • 1.

4. 更新依赖

更新所有依赖到最新版本(谨慎操作,可能引入不兼容变更):

复制

npm update
  • 1.

或者只更新特定的包,比如 express:

复制

npm update express
  • 1.

5. 查看依赖

查看已安装的全部依赖及其版本:

复制

npm list
  • 1.

查看是否有依赖包需要更新:

复制

npm outdated
  • 1.

6. 发布包

如果你开发了一个想要分享给社区的包,可以使用 npm publish 命令发布到 npm 仓库。确保你已经在 npmjs.com 上注册了账号,并且当前目录下有正确的 package.json 文件。

复制

npm publish
  • 1.

请注意,一旦发布,就不能修改已发布的版本,只能发布新的版本号。

7. 卸载包

如果你不再需要某个包,可以使用 npm uninstall 命令来移除它。例如,卸载之前安装的 mocha:

复制

npm uninstall mocha
  • 1.

8. 查看包信息

想要了解某个包的详细信息,如版本、作者、许可证等,可以使用 npm view 命令:

复制

npm view express
  • 1.

9. 搜索包

如果你想找一个满足特定需求的包,可以使用 npm search 命令进行搜索。比如,寻找与 “websocket” 相关的包:

复制

npm search websocket
  • 1.

10. 清理缓存

有时候,由于缓存问题可能会导致安装失败或异常,使用 npm cache clean --force(在 npm v6 中)或 npm cache clean --force(在 npm v7 及以后版本中)来清理缓存:

复制

npm cache clean --force
  • 1.

11. 设置镜像源

在中国大陆地区,为了加速 npm 包的下载速度,通常会设置 npm 镜像源。可以使用 npm config 命令设置:

复制

npm config set registry https://registry.npm.taobao.org
  • 1.

12. 查看 npm 配置

如果你想查看当前的 npm 配置信息,可以使用:

复制

npm config list

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1877516.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Navicat上新啦

前言 Navicat&#xff0c;在数据库界&#xff0c;几乎是一个神奇的存在&#xff0c;似乎统治了数据库开发工具的“一片天”。且看下图&#xff1a; 红的蓝的绿的橙的…&#xff0c;可以说&#xff0c;留给它的color不多了。 那么商业BI到服务监控、从云托管到云协作&#xff…

Qt事件传递顺序是怎样的?

1、事件传递顺序规则 在Qt中&#xff0c;事件传递的顺序事件首先传递到目标对象的事件过滤器&#xff0c;然后传递到事件处理函数&#xff0c;最后传递到父对象的事件过滤器和事件处理函数。 为了更好地理解这一过程&#xff0c;下面将通过一个示例来展示事件在父窗口和子窗口…

盘点全球Top10大云计算平台最热门技能证书

小李哥花了一年半时间终于考下全球10大云的77张认证&#xff0c;今天盘点下各个云的热门证书&#xff0c;希望能帮到非CS专业转IT和刚刚入行云计算的小伙伴。 排名取自23年Yahoo云计算市场份额排名报告&#xff0c;我会从云平台、证书价格、证书热门程度做推荐。 1️⃣亚马逊云…

微机原理 复习

第一章导论 1.3 冯诺依曼体系结构 &#xff08;1&#xff09;以二进制形式表示指令和数据 &#xff08;2&#xff09;程序和数据事先放在存储器中&#xff08;预存储&#xff09; &#xff08;3&#xff09;由运算器、控制器、输入设备和输出设备五大部件组成 字长、主频…

《昇思25天学习打卡营第6天|onereal》

Vision Transformer&#xff08;ViT&#xff09;简介 近些年&#xff0c;随着基于自注意&#xff08;Self-Attention&#xff09;结构的模型的发展&#xff0c;特别是Transformer模型的提出&#xff0c;极大地促进了自然语言处理模型的发展。由于Transformers的计算效率和可扩…

深度解析:机器学习如何助力GPT-5实现语言理解的飞跃

文章目录 文章前言机器学习在GPT-5中的具体应用模型训练与优化机器翻译与跨语言交流&#xff1a;情感分析与问答系统&#xff1a;集成机器学习功能&#xff1a;文本生成语言理解任务适应 机器学习对GPT-5性能的影响存在的挑战及解决方案技术细节与示例 文章前言 GPT-5是OpenAI公…

昇思25天学习打卡营第11天|SSD目标检测

1. 学习内容复盘 模型简介 SSD&#xff0c;全称Single Shot MultiBox Detector&#xff0c;是Wei Liu在ECCV 2016上提出的一种目标检测算法。使用Nvidia Titan X在VOC 2007测试集上&#xff0c;SSD对于输入尺寸300x300的网络&#xff0c;达到74.3%mAP(mean Average Precision)…

任意密码重置漏洞

文章目录 1. 任意密码重置漏洞原理2. 任意密码重置漏洞产生原因3. 任意密码重置漏洞场景3.1 验证码爆破3.2 验证凭证回传3.3 验证凭证未绑是用户3.4 跳过验证步骤3.5 凭证可预测3.6 同时向多个账户发送凭证 4. 任意密码重置经典案例4.1 中国人寿某重要系统任意账户密码重置4.2 …

Go Error 处理

&#x1f49d;&#x1f49d;&#x1f49d;欢迎莅临我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…

ModuleNotFoundError: No module named ‘_sysconfigdata_x86_64_conda_linux_gnu‘

ModuleNotFoundError: No module named _sysconfigdata_x86_64_conda_linux_gnu 1.软件环境⚙️2.问题描述&#x1f50d;3.解决方法&#x1f421;4.结果预览&#x1f914; 1.软件环境⚙️ Ubuntu 20.04 Python 3.7.0 2.问题描述&#x1f50d; 今天发现更新conda之后&#xff0…

【数据库】Oracle安装报错(win10安装oracle提示环境不满足最低要求)

目录 一、问题场景&#xff1a; 二、问题描述 三、原因分析&#xff1a; 四、解决方案&#xff1a; 一、问题场景&#xff1a; 安装Oracle数据库 二、问题描述 安装之前提示&#xff08; [INS-13001]环境不满足最低要求。 是否确实要继续? &#xff09; 如图所示&…

1-爬虫基础知识(6节课学会爬虫)

1-爬虫基础知识&#xff08;6节课学会爬虫&#xff09; 1.什么是爬虫2.爬取的数据去哪了3.需要的软件和环境4.浏览器的请求&#xff08;1&#xff09;Url&#xff08;2&#xff09;浏览器请求url地址&#xff08;3&#xff09;url地址对应的响应 5.认识HTTP/HTTPS5.1 http协议之…

43.三倍游戏

上海市计算机学会竞赛平台 | YACSYACS 是由上海市计算机学会于2019年发起的活动,旨在激发青少年对学习人工智能与算法设计的热情与兴趣,提升青少年科学素养,引导青少年投身创新发现和科研实践活动。https://www.iai.sh.cn/problem/390 题目描述 三倍游戏是一种单人游戏。玩…

2.优化算法之滑动窗口1

1.长度最小的子数组 . - 力扣&#xff08;LeetCode&#xff09; &#xff08;1&#xff09;题目描述 给定一个含有 n 个正整数的数组和一个正整数 target 。 找出该数组中满足其总和大于等于 target 的长度最小的 子数组 [numsl, numsl1, ..., numsr-1, numsr] &#xff0c;…

全网唯一免费无水印AI视频工具!

最近Morph Studio开始免费公测&#xff01;支持高清画质&#xff0c;可以上传语音&#xff0c;同步口型&#xff0c;最重要的是生成的视频没有水印&#xff01; Morph Studio国内就可以访问&#xff0c;可以使用国内邮箱注册&#xff08;我用的163邮箱&#xff09;&#xff0c;…

Java代码高风险弱点与修复之——弱密码哈希漏洞-Very weak password hashing (WEAK_PASSWORD_HASH)

弱密码哈希漏洞 弱密码哈希漏洞指的是在密码存储和验证过程中,由于使用了不安全的哈希算法或哈希函数的错误使用,导致攻击者能够更容易地破解或绕过密码验证机制。这种漏洞使得存储在系统或应用中的用户密码容易受到威胁,增加了账户被非法访问和数据泄露的风险。 常见的弱…

前端工程化08-新的包管理工具pnpm

1、历史原因解读 pnpm这个东西发布的时间是比较早的&#xff0c;但是在最近一两年的时候才开始流行&#xff0c;甚至是可以说非常的盛行&#xff0c;那么这个包到底是个什么东西的&#xff0c;那么我们先说下&#xff0c;原来的包管理工具到底有那些问题&#xff1f;比如说我们…

面向对象和面向过程编程的区别

引言 小伙伴们&#xff0c;当你们看到这章的时候&#xff0c;显然你们已经跨过了来自指针给你们带来的麻烦&#xff0c;唔~真棒呢&#xff0c;但是我们只学会一些基础的C语法并不能帮我们解决问题&#xff0c;甚至是稍微难一些的题目我们都没办法解决&#xff0c;那怎么办呢&am…

Linux基础 - BIND加密传输缓存服务器

目录 零. 简介 一. 安装 二. 安全的加密传输 三. 部署缓存服务器 四. 总结 零. 简介 BIND&#xff08;Berkeley Internet Name Domain&#xff09;是一款广泛使用的开源 DNS&#xff08;域名系统&#xff09;服务器软件。 域名系统的主要作用是将易于人类理解的域名&…

实验2 色彩模式转换

1. 实验目的 ①了解常用的色彩模式&#xff0c;理解色彩模式转换原理&#xff1b; ②掌握Photoshop中常用的颜色管理工具和色彩模式转换方法&#xff1b; ③掌握使用Matlab/PythonOpenCV编程实现色彩模式转换的方法。 2. 实验内容 ①使用Photoshop中的颜色管理工具&#xff…