npm 常用指令(前端开发必备)

npm基本操作及命令讲解 在运行npm run build命令时,npm会自动执行定义的build脚本,即执行webpack打包应用程序。npm是Node.js自带的包管理器,使用方便,可以很方便地在项目中使用第三方模块,也可以发布自己的模块供其他人使用。代码中,定义了一个名为start的脚本,它会执行node命令,并启动app.js文件。在使用npm时,可以通过在package.json文件中定义自定义脚本来运行一些自定义的构建和启动命令。除了test脚本外,还可以定义其他自定义脚本,例如:build脚本、start脚本等。 阅读详情

在这里插入图片描述

npm是node默认包管理工具,在前端开发中,熟悉npm常用命令,对我们解决问题会有很大帮助。

npm源设置

查询当前源配置

npm get registry

设置淘宝镜像源(淘宝镜像新域名)

npm config set registry https://registry.npmmirror.com

老http://npm.taobao.org 和 http://registry.npm.taobao.org 域名将于 2022 年 05 月 31日零时起停止服务。所以老命令也不要使用了:
npm config set registry http://registry.npm.taobao.org

还原默认源

npm config set registry https://registry.npmjs.org

使用nrm管理源

# 全局安装nrm
npm install -g nrm
# 查看nrm源列表(支持默认源,淘宝源,腾讯源等)
nrm ls

在这里插入图片描述

# 切换源(镜像源的名称nrm ls是可以看到的)
nrm use taobao

在项目根目录增加.npmrc文件,内容淘宝镜像地址:

registry = https://registry.npmmirror.com

安装依赖包

全局安装

 # 安装最新版本
 npm install -g xxx
 # 安装指定版本
 npm install -g xxx@1.0.0

本地安装(当前项目)

npm install xxx

项目运行依赖安装

并写入package.json的dependencies中:

npm install –S xxx 
# 和上面效果一样,默认:
npm install xxx

项目开发依赖安装

并写入package.json的devDependencies中:

npm install –D xxx
  • 指定版本号安装
npm install vue@3.0.0   
  • 项目本次安装依赖,临时使用淘宝镜像
npm install --registry=https://registry.npmmirror.com
  • 安装某个依赖包(下面命令指定了版本@1.0.0),临时使用淘宝镜像:
npm install XXX@1.0.0 --registry=https://registry.npmmirror.com

卸载依赖包

卸载包

npm uninstall <package-name>

卸载,并在package.json中移除:

使用 -S 或 --save 标志,则此操作还会移除 package.json 文件中的引用;
如果程序包是开发依赖项(列出在 package.json 文件的 devDependencies 中),则必须使用 -D 或 --save-dev 标志从文件中移除。

npm uninstall -S <package-name>
npm uninstall -D <package-name>

卸载全局依赖

npm uninstall -g <package-name>
  • 提示
    uninstall的别名:remove, rm, r, un, unlink这些都是npm uninstall的别名。
npm uninstall -S <package-name>
# 等价
npm remove -S <package-name>
# 等价
npm rm -S <package-name>

更新依赖包方式一

先检查过期依赖

npm outdated  

在这里插入图片描述
红颜色标记的就是可以更新的包,黄色标识不可更新的包。

  • 执行更新(只会更新补丁版本或次版本,不会更新主版本)
    如果不清楚主次版本,下面有版本号说明,请下拉。
npm update

更新主版本

# 1.安装"npm-check-updates"模块  
npm install -g npm-check-updates  
# 2.检查可更新的模块  
ncu  
npm-check-updates  
# 以上两条命令都可检查可更新模块。接下来更新package.json的依赖包到最新版本:  

# 3.升级所有依赖的版本(风险较大)
ncu -u  

#以上命令执行,更新全部模块。但在实际开发中不建议一次全部更新,可以根据实际需要,更新指定的模块,并且可以根据作用范围在后面加上 -D、-S 或 -g  
# 例如升级项目中vue版本
ncu vue -u

更新依赖包方式二

# 全局安装 npm-check
npm install -g npm-check
# 查看可更新的依赖
npm-check
# 更新依赖
npm-check -u
# 更新主版本的另一种方式就是先卸载,再重新安装
# 卸载
npm uninstall xxx
# 重新安装-最新版本
npm install xxx
# 重新安装-指定版本
npm install xxx@2.0.0

查看依赖包版本

查看全局安装的包

npm list -g --depth 0

查看某个包的版本

npm list vue-cli

说明:版本号格式

npm 版本号形式 X.Y.Z
表示:主版本号.次版本号.修订号,版本号递增规则如下:
X. 主版本号:当你做了不兼容的 API 修改,
Y. 次版本号:当你做了向下兼容的功能性新增,
Z. 修订号:当你做了向下兼容的问题修正。

依赖库版本号、符号

  • 没有任何符号
1.0.0
完全百分百匹配,当前库/项目必须使用当前版本号,如果和其他依赖使用了相同库不同版本,会在库的文件夹下建立一个 node_modules 文件夹存放它需要依赖的版本文件。
  • ~ 号(常用)
不改变主版本号和次版本号,修订号可以随意更改
例如 ~2.0.0 ,可以使用 2.0.0、2.0.2 、2.0.9 的版本。
  • ^号(常用)
不改变主版本号(主版本号非0),此版本号和修订号可以随意更改
例如 ^2.0.0 ,可以使用 2.0.1、2.2.2 、2.9.9 的版本。
  • *号
*表示任意版本 对版本没有限制, 一般不用
"base": "*"
  • > 号
大于某个版本,表示只要大于这个版本的安装包都行
例如:"node": "> 4.0.0"
  • >=号
大于某个版本,表示只要大于或等于这个版本的安装包都行
例如:"node": ">= 4.0.0"
  • < 号
小于某个版本,表示只要小于这个版本的安装包都行
例如:"http-proxy-middleware": "<0.17.3"
  • <= 号
小于或等于某个版本,表示只要小于或等于这个版本的安装包都行
例如:"http-proxy-middleware": "<=0.17.3"
  • - 号
-表示两个版本号之间的版本
"base": "1.0.1-1.5.9"
例如 1.0.1-1.5.9 可以使用 1.0.1到1.5.9之间的任意版本

参考

nodejs官网文档:http://nodejs.cn/learn/an-introduction-to-the-npm-package-manager

Node的下载、安装、配置和使用指南 本文主要介绍了Node.js的下载、安装与配置方法,以及npm常用命令。内容涵盖:1)从官网下载LTS版本Node.js并完成安装;2)配置全局模块目录和缓存目录到非C盘路径;3)设置淘宝镜像源提升下载速度;4)常见npm命令如安装模块、查看版本等。文章还提供了Node.js卸载方法,并附有详细的图文操作指引,适合Node.js初学者快速上手。 阅读详情

相关推荐

npm命令详解(秒懂npm各种命令)

npm(Node Package Manager)是 Node.js 的官方包管理工具,用于在 Node.js 环境中安装、管理和共享代码包。它允许开发者在项目中引入所需的外部模块,并能够管理这些模块的版本、依赖关系等。

百赢出品,必属精品 8023

npm 常用命令

1. npm run build 打包命令 or npm run build:prod; 2. npm install 安装依赖(模块) 简写 npm i 3. npm uninstall 卸载依赖 (一般直接重新下载依赖就可以直接覆盖掉之前的) 4. npm update 更新依赖 (一般直接重新下载依赖就可以直接覆盖掉之前的) 5. npm init 在项目中引导创建一个package.json文件 6. npm version 查看模块版本 简写 npm -v ......

温温的博客 6332

STM32 ST-LINK Utility固件烧录全流程详解与实战技巧

本文详细解析了使用STM32 ST-LINK Utility进行固件烧录的全流程与实战技巧。从硬件连接、软件安装、核心三步操作(连接、擦除、烧录)到进阶的选项字节配置与批量脚本烧录,提供了完整的避坑指南和问题排查方案,帮助开发者高效完成STM32程序下载。

lambda的博客 768

npm常用命令大全

npm常用命令大全,安装、配置、更新、删除

penngo的专栏 2万+

一位海外开发者的 OpenSPG KAG 实践分享

KAG 是一个以创建和操作知识图谱为核心的框架。知识图谱是数据之间相互关联的可视化和结构化表示,对于搜索引擎、推荐系统和机器学习等应用至关重要。KAG 的目标是提供一个强大的平台,使开发者能够:轻松构建图谱;通过增强算法丰富数据;集成人工智能,以进行更精确的推理。通过理解 KAG,可以明显看出,这个框架旨在帮助从初学者到专业开发者,在项目中创造更优的解决方案。它在简便性和集成方面的优势,使其成为下一代基于数据的应用程序的前景工具。

金融机器智能社区 3405

从KVM虚拟化到Openstack云化架构综述

目录 摘要 OpenStack的虚拟化技术 OpenStack架构介绍 Nova Swift KeyStone Neutron Glance Cinder Ceilometer Heat 摘要 这两年的工作中,接触到公有云和私有云的项目还不少。起初对于Openstack的了解,仅停留在其几大组件的交互上,如Nova、Neutron、Glance等,以及对各大云厂商功能点上...

liyunpeng229的博客 2051

npm 组件没有types_你不知道的npm

引言作为 node 自带的包管理器工具,在 nodejs 社区和 web 前端工程化领域发展日益庞大的背景下,npm已经成为每位前端开发同学必备的工具。每天,无数的开发人员使用npm来构建项目,npm init、npm install等方式几乎成为了构建项目的首选方式,但是大多数同学对于 npm 的使用却只停留在了npm install这里。(相信删除 node_modules 文件夹,...

weixin_28950403的博客 1252

DDR March系列算法整理

一

不吃鱼的猫的博客 1万+

一文掌握 npm 基础与常用指令

本篇文章全面梳理了 npm 的基础概念与最常用指令,涵盖安装、卸载、配置、发布等各类操作,分类清晰、示例丰富,适合初学者和开发者查阅使用。同时,详细对比了 pnpm、yarn、cnpm 等主流包管理工具的特点与适用场景,帮助读者根据项目需求合理选择。文章内容系统完整,不仅能作为入门学习材料,也能作为日常开发中的指令速查手册,是一篇不可多得的 npm 实用指南。

qq_40791475的博客 1861

NVIDIA Tao Toolkit环境配置踩坑

请搭配食用该文章为 Tao 安装中可能出现的问题进行解答,如果存在本文章中没出现的问题,欢迎提问,由我复现后更新文章。由于大部分云服务器厂商不能支持 docker,因此我使用的环境为2023年5月27日在平台租的 3080 旧版环境进行实验。

qq_36630208的博客 771

推免保研夏令营/预推免面试记录—北航网安

链接:https://pan.baidu.com/s/1vkP3EzbVrCc8a7wgQuUZgQ?链接:https://pan.baidu.com/s/1n4EFS2c9WLAfQn91CP4j2g?链接:https://pan.baidu.com/s/1VVNNSfcNDWjXhVhH3MtNjA?上面五个比例基本为:1:5:2:1:1。面试时间:当天上午面试,但是没面完,下午吃了饭之后又继续面试。--来自百度网盘超级会员V5的分享。--来自百度网盘超级会员V5的分享。

admin的博客 3011

Git与npm的常用指令

常用指令 Git的一些常用指令 ssh-keygen -t rsa -C &quot;your_email@example.com&quot; 邮箱 然后生成秘钥 git clone 某仓库地址 本地路径可以将其他 git管理的代码复制一份 git --version 确认是否有 git 环境 $ git config --global user.name “yourname” 名字 $ git config...

前端青年_修新 670

金融监管压力测试场景生成

压力测试是一种评估金融资产或机构在极端市场条件下的表现和风险承受能力的方法。它通过模拟各种不利的市场情景,测试金融机构在这些情景下的财务状况和运营能力。压力测试的作用在于帮助金融机构识别潜在风险,评估应对策略,并制定应急预案。总结压力测试场景生成系统的开发过程和实现效果,强调其在金融监管中的重要性和应用价值。随着金融市场的发展,实时压力测试将越来越重要。未来,压力测试需要更加注重实时性和动态性,及时反映市场的变化。本文详细介绍了金融监管压力测试的重要性、核心概念、算法原理、系统架构以及实战案例。

AI天才研究院 1207

npm 从入门到进阶:常用指令与实战用法全解析

npm 是前端开发的基础工具,核心重点在于「依赖管理」和「脚本执行」

HHH1433223的博客 1458

AI大模型探索之路-认知篇1-全景透视:揭秘AIGC技术的进化之路

随着人工智能技术的突飞猛进,内容创作方式的发生了革命性的转变;从早期专业人员主导的内容生产,到现如今生成式人工智(AIGC)能创作时代;本篇文章主要讲解AIGC技术的演变历程。

寻道AI,探索AI无限可能! 1645

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

02 - node - npm与yarn常用指令

一、npm(包管理工具)常用命令 命令 功能 npm config list 查看配置列表 npm i jquery 下载jquery包(第三方插件) npm i juery@2.1.2 下载指定版本的jquery包 npm i yarn -g 全局安装yarn npm i jquery -S 在[生产环境]下使用 npm i jquery -D 在[开发环境]下使用 npm search jquery 搜索包(jquery) npm -v 查看npm版本 n

浅陌的博客 227

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

npm指令

环境检测 : npm list -g --depth=0 安装cnpm : npm install -g cnpm --registry=https://registry.npm.taobao.org vue安装 cnpm install vue 安装vue-cli脚手架构建工具 : cnpm install --global vue-cli webpack 模板的新项目 : vue...

sunfan 262

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

npm必备知识

(Node Package Manager,即node包管理器)是的一个程序包管理和分发的管理工具,它可以让全世界与Web前端相关开发者共享代码,非常方便的使用各种插件、库和框架,无需再到处去搜寻需要用到的这些程序。

weixin_52740695的博客 738

npm常用命令(npm install --save 和npm install --save-dev的区别)

npm install --save 和npm install --save-dev的区别 npm常用命令汇总

陈坚泓的博客 1万+

Node.js 开发必备:掌握常用 npm 命令

本文介绍了一些常用的 npm 命令及其用法,包括安装、卸载、更新、查看模块信息、搜索模块、查看可用命令、初始化项目、添加和删除依赖以及运行脚本。掌握这些命令可以帮助我们更好地管理 Node.js 项目和模块。

乔木的博客 556

你所需要的npm知识都在这了

npm在前端开发流程中提供了非常完善的自动化工具链,已成为每个前端开发者必备的工具,但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的...

Yvette Lau的专栏 1269

工作常用GIT、NPM等命令总结

基础概念 ????git下载安装,设置好账号密码和地址 生成SSH密匙在gitlab上配置密匙 git init新建工作区 ????node.js:JS的非浏览器运行环境 类似于tomcat 自动添加环境变量 在各命令行都能使用 npm(Node Package Manager)前端包管理工具 类似maven 配置npm服务器以下载依赖 npm config set registry (淘宝链接:https://npm.taobao.org/) ????Vue-cli: 一个全局安装的 np

Beatingworldline的博客 411

前端开发常用技术有哪些?

前端开发是一个不断变化和发展的领域,需要开发者不断学习和掌握新技术。在本文中,我们介绍了一些前端开发中常用的技术和工具,包括HTML/CSS、JavaScript、React、Vue、Angular、jQuery、TypeScript、Node.js、Express、Bootstrap、SASS/LESS、Webpack、Gulp/Grunt以及NPM/Yarn等。这些技术和工具都有其特点和适用场景,开发者可以根据具体需求选择合适的技术和工具。

Itmastergo的博客 4186

NPM 常用命令详解

NPM(Node Package Manager)是随同 Node.js 一起发布的包管理工具,它极大地简化了 JavaScript 模块的安装、分享、分发和管理。自2009年诞生以来,NPM 经历了多个版本的迭代,成为了事实上的前端包管理标准。在深入探讨 NPM 常用命令之前,了解其基本概念及历史演变对开发者而言是必不可少的。NPM 的设计目标是解决两个核心问题:代码复用和依赖管理。通过 NPM,开发者可以轻松地安装他人编写的模块,同时将自己的代码打包并分发给其他开发者使用。

N201871643的博客 987

开发工作中常用指令

常用指令 远程连接云主机 ssh 用户名@IP password: 切换root权限: sudo su 切换powershell powershell 文件映射 mklink /j 代码编译路径 同步文件夹路径 docker常用指令 拉取镜像 docker pull elasticsearch:6.5.1 启动容器 docker run -it --name <container name> /bin/bash 进入容器 docker exec -it <con

qq_21209307的博客 339

npm命令大全:从入门到精通的78个核心指令解析

npm(Node Package Manager)作为JavaScript的包管理器,是前端开发和Node.js项目中不可或缺的工具。本文将系统梳理78个核心npm指令,从基础安装到高级发布,助你轻松掌握包管理的全流程技巧。 ## 一、基础必备指令 ⚙️ ### 1. 安装与初始化 **`npm init`** 快速创建`package.json`文件,交互式设置项目元数据(名称、版本、

gitblog_00941的博客 584
上一篇: windows10专业版安装详细教程
下一篇: windows重装系统后,必装软件
前端蜗牛君
博客等级 码龄10年 274粉丝 158原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值