Node.js |(五)包管理工具 | 尚硅谷2023版Node.js零基础视频教程

学习视频:尚硅谷2023版Node.js零基础视频教程,nodejs新手到高手

在这里插入图片描述

文章目录

  • 📚概念介绍
  • 📚npm
    • 🐇安装npm
    • 🐇基本使用
    • 🐇生产依赖与开发依赖
    • 🐇npm全局安装
    • 🐇npm安装指定包和删除包
    • 🐇配置命令别名
  • 📚cnpm
    • 🐇介绍与安装
    • 🐇npm配置淘宝镜像
  • 📚yarn
    • 🐇yarn安装与使用
    • 🐇npm和yarn选择
  • 📚管理发布包
    • 🐇创建与发布
    • 🐇更新与删除包
  • 📚nvm(node版本管理)

📚概念介绍

  • 包代表了一组特定功能的源码集合。
  • 包管理工具:管理『包』的应用软件,可以对「包」进行 下载安装,更新 ,删除 ,上传 等操作。借助包管理工具,可以快速开发项目,提升开发效率。包管理工具是一个通用的概念,很多编程语言都有包管理工具,所以 掌握好包管理工具非常重要。

📚npm

🐇安装npm

  • npm 全称 Node Package Manager,即Node 的包管理工具。
  • node.js安装: 在安装时会 自动安装 npm
    在这里插入图片描述

🐇基本使用

  • 初始化包npm init,创建一个空目录,然后以此目录作为工作目录 启动命令行工具 ,执行 npm init。
    在这里插入图片描述

  • npm init 命令的作用是将文件夹初始化为一个『包』, 交互式创建 package.json 文件。
    在这里插入图片描述

  • package.json 是包的配置文件,每个包都必须要有 package.json
    在这里插入图片描述

    {"name": "1-npm", #包的名字"version": "1.0.0", #包的版本"description": "", #包的描述"main": "index.js", #包的入口文件"scripts": { #脚本配置"test": "echo \"Error: no test specified\" && exit 1"},"author": "", #作者"license": "ISC" #开源证书
    }
    
  1. package name ( 包名 ) 不能使用中文、大写,默认值是文件夹的名称 ,所以文件夹名称也不能使用中文和大写。
  2. version ( 版本号 )要求 x.x.x 的形式定义, x 必须是数字,默认值是 1.0.0
  3. ISC 证书与 MIT 证书功能上是相同的,开源证书扩展阅读
  4. package.json 可以手动创建与修改
  5. 使用 npm init -y 或者 npm init --yes 极速创建 package.json

  • 包搜索
    • 命令行
      在这里插入图片描述
    • 网页搜索
      在这里插入图片描述

  • 下载安装包npm install <包名>npm i <包名>
    在这里插入图片描述

    • node_modules文件夹存放下载的包。
    • package-lock.json包的锁文件 ,用来锁定包的版本。
    • 安装 uniq 之后, uniq 就是当前这个包的一个 依赖包 ,有时会简称为依赖。比如我们创建一个包名字为 A,A 中安装了包名字是 B,我们就说 B 是 A 的一个依赖包 ,也会说A 依赖 B 。
  • 使用下载好的包const A = require('A') 在这里插入图片描述

    • require导入npm包的基本流程
      • 在当前文件夹下 node_modules 中寻找同名的文件夹
      • 在上级目录中下的 node_modules 中寻找同名的文件夹,直至找到磁盘根目录
    • 自定义模块,写全相对路径。

🐇生产依赖与开发依赖

  • 开发环境是程序员专门用来写代码的环境,一般是指程序员的电脑,开发环境的项目一般只能程序员自己访问。
  • 生产环境是项目代码正式运行的环境,一般是指正式的服务器电脑,生产环境的项目一般每个客户都可以访问。

在这里插入图片描述
在这里插入图片描述

  • 为啥跑出来那么多包嘞? 因为jquery和less包本身也是有依赖的,也得一块装上了。
  • 安装包依赖npm i ,通过该命令可以依据 package.json 和 packagelock.json 的依赖声明安装项目依赖。【node_modules 文件夹大多数情况都不会存入版本库(文件太多了,体积太大了)】

🐇npm全局安装

  • npm i -g nodemon

    • 全局安装完成之后就可以在命令行的任何位置运行 nodemon 命令
    • 该命令的作用是 自动重启 node 应用程序(不需要修改后再次node)
  • 全局安装的命令不受工作目录位置影响

  • 可以通过 npm root -g 可以查看全局安装包的位置。
    在这里插入图片描述

  • 不是所有的包都适合全局安装 , 只有全局类的工具才适合,可以通过查看包的官方文档来确定安装方式 ,这里先不必太纠结。

  • nodemon可以代替node进行运行,且在修改后自动运行。
    在这里插入图片描述

这里是引用

🐇npm安装指定包和删除包

  • 安装指定版本的包npm i <包名@版本号>
    在这里插入图片描述
  • 删除包
    • 局部删除:npm remove uniq
    • 全局删除:npm remove -g nodemon
      在这里插入图片描述

🐇配置命令别名

  • 通过配置命令别名可以更简单的执行命令。
  • 配置 package.json 中的 scripts 属性。
  • 配置完成之后,可以使用npm run 别名执行命令。
    在这里插入图片描述
  • 不过 start 别名比较特别,使用时可以省略 run:npm startnpm start是项目中常用的一个命令,一般用来启动项目。
  • npm run 有自动向上级目录查找加粗样式的特性,跟 require 函数也一样。
  • 对于陌生的项目,我们可以通过查看 scripts 属性来参考项目的一些操作。

📚cnpm

🐇介绍与安装

  1. cnpm 是一个淘宝构建的 npmjs.com 的完整镜像,也称为『淘宝镜像』,网址
  2. cnpm 服务部署在国内阿里云服务器上 , 可以提高包的下载速度。
  3. 官方也提供了一个全局工具包 cnpm ,操作命令与 npm 大体相同
  • 安装:npm install -g cnpm --registry=https://registry.npmmirror.com
    在这里插入图片描述
  • 功能和npm基本也是一样的
    在这里插入图片描述

🐇npm配置淘宝镜像

  • 直接配置npm config set registry https://registry.npmmirror.com/

  • 工具配置
    在这里插入图片描述

    检查是否配置成功:检查 registry 地址是否为 https://registry.npmmirror.com/ , 如果是则表明成功。
    这里是引用


  • 借助nrm切换回官方地址(镜像地址不能上传)
    在这里插入图片描述

📚yarn

🐇yarn安装与使用

yarn 是由 Facebook 在 2016 年推出的新的 Javascript 包管理工具,官方网址。yarn 官方宣称的一些特点:

  • 速度超快:yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。
  • 超级安全:在执行代码之前,yarn 会通过算法校验每个安装包的完整性。
  • 超级可靠:使用详细、简洁的锁文件格式和明确的安装算法,yarn 能够保证在不同系统上无差异的工作。
  • 安装npm i -g yarn
    在这里插入图片描述

  • 常用命令
    在这里插入图片描述

  • 配置淘宝镜像yarn config set registry https://registry.npmmirror.com/
    在这里插入图片描述

🐇npm和yarn选择

在这里插入图片描述

📚管理发布包

尚硅谷演示

🐇创建与发布

  1. 创建文件夹,并创建文件 index.js, 在文件中声明函数,使用 module.exports 暴露

  2. npm 初始化工具包,package.json 填写包的信息 (包的名字是唯一的)

  3. 注册账号

  4. 激活账号 ( 邮箱验证码 )

  5. 修改为官方的官方镜像(淘宝镜像是只读镜像不能上传)

    nrm ls
    nrm use npm
    
  6. 命令行下 npm login 填写相关用户信息
    在这里插入图片描述

  7. 命令行下 npm publish 提交包
    在这里插入图片描述

在这里插入图片描述

🐇更新与删除包

  • 更新
    1. 更新包中的代码
    2. 测试代码是否可用
    3. 修改 package.json 中的版本号
    4. 发布更新:npm publish
  • 删除npm unpublish --force。删除包需要满足一定的条件
    在这里插入图片描述
    在这里插入图片描述

  • 在很多语言中都有包管理工具
    在这里插入图片描述
  • 除了编程语言领域有包管理工具之外,操作系统层面也存在包管理工具,不过这个包指的是『 软件包 』
    在这里插入图片描述

📚nvm(node版本管理)

  • 下载
  • 常用命令
    在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

比SAM小60倍的分割一切模型:MobileSAM

1 MobileSAM SAM就是一类处理图像分割任务的通用模型。与以往只能处理某种特定类型图片的图像分割模型不同&#xff0c;SAM可以处理所有类型的图像。 在SAM出现前&#xff0c;基本上所有的图像分割模型都是专有模型。比如&#xff0c;在医学领域&#xff0c;有专门分割核磁图…

国外住宅IP代理选择的8个方法,稳定的海外IP哪个靠谱?

一、国外住宅IP代理是什么&#xff1f; 代理服务器充当您和互联网之间的网关。它是一个中间服务器&#xff0c;将最终用户与他们浏览的网站分开。如果您使用国外代理IP&#xff0c;互联网流量将通过国外代理服务器流向您请求的地址。然后&#xff0c;请求通过同一个代理服务器…

K8s Error: ImagePullBackOff 故障排除

Error: ImagePullBackOff 故障排除 1. 起因 起因是要在一组k8s环境下做个Prometheus的测试,当时虚拟机用完直接暂停了. 启动完master和node节点后重启了这些节点. 当检查dashboard时候发现Pod处于ImagePullBackOff状态,使用命令查看详细情况 kubectl describe pods -n kuber…

二十、泛型(2)

本章概要 泛型接口泛型方法 变长参数和泛型方法一个泛型的 Supplier简化元组的使用一个 Set 工具 泛型接口 泛型也可以应用于接口。例如 生成器&#xff0c;这是一种专门负责创建对象的类。实际上&#xff0c;这是 工厂方法 设计模式的一种应用。不过&#xff0c;当使用生成…

Requests 与接口请求构造

Requests 是一个优雅而简单的 Python HTTP 库&#xff0c;其实 Python 内置了用于访问网络的资源模块&#xff0c;比如urllib&#xff0c;但是它远不如 Requests 简单优雅&#xff0c;而且缺少了许多实用功能。所以&#xff0c;更推荐掌握 Requests 接口测试实战技能&#xff0…

嵌入式系统中的FPGA

举个栗子 假设你有一台智能家居系统&#xff0c;其中的FPGA可以被类比为智能家居中的中央控制器。 智能家居系统&#xff1a; 定制家居逻辑&#xff1a; 你希望智能家居系统能够根据你的生活习惯、时间表和喜好自动控制灯光、温度、窗帘等设备。就像FPGA中可以根据需求重新配置…

seata事务回滚引起的skywalking数据库存储空间剧增的问题排查

基本信息 产品名称&#xff1a;ATS3.0 问题分类&#xff1a;编码问题 环境类型&#xff1a;环境无关 问题现象 11月1日上午华润DBA收到数据库磁盘空间告警&#xff0c;检查后发现skywalking连接的mysql数据库占用空间从之前一直是比较稳定的&#xff0c;但是10月31日…

Python之Excel数据相关

Excel Microsoft Excel是Microsoft为使用Windows和Apple Macintosh操作系统的电脑编写的一款电子表格软件。直观的界面、出色的计算功能和图表工具&#xff0c;再加上成功的市场营销&#xff0c;使Excel成为最流行的个人计算机数据处理软件。在1993年&#xff0c;作为Microsof…

unittest 统计测试执行case总数,成功数量,失败数量,输出至文件,生成一个简易的html报告带饼图

这是一个Python的单元测试框架的示例代码&#xff0c;主要用于执行测试用例并生成测试报告。其中&#xff0c;通过unittest模块创建主测试类MainTestCase&#xff0c;并加载其他文件中的测试用例&#xff0c;统计用例的执行结果并将结果写入文件&#xff0c;最后生成一个简单的…

Qt6远程连接MySQL数据库(简单易上手版)

在对照文章开始操作之前&#xff0c;MySQL 和 Navicat 的安装配置要自己提前弄好。 步骤1&#xff1a; 在电脑桌面任务栏中的搜索框中输入 mysql&#xff0c;找到名为&#xff1a;MySQL 8.0 Command Line Client&#xff0c;然后打开。 步骤2&#xff1a; 输入密码后回车&a…

iPortal如何灵活设置用户名及密码的安全规则

作者&#xff1a;yx 目录 前言 一、配置文件介绍 1、<passwordRules>节点 注意事项&#xff1a; 2、<usernameRules>节点 二、应用实例 1、配置文件设置 2、验证扩展结果 三、结果展示 前言 SuperMap iPortal提供了扩展账户信息合规度校验规则的能力&#…

嵌入式Linux HID多指触控/触摸设备报表描述符

这里只做一下简单记录&#xff0c;更为详细的修改流程后续的文章再介绍。 报表描述符 0x05, 0x0D, // Usage Page (Digitizer) 0x09, 0x04, // Usage (Touch Screen) 0xA1, 0x01, // Collection (Application) 0x85, 0x01, // Report ID (1) 0…

正点原子嵌入式linux驱动开发——Linux WIFI驱动

WIFI的使用已经很常见了&#xff0c;手机、平板、汽车等等&#xff0c;虽然可以使用有线网络&#xff0c;但是有时候很多设备存在布线困难的情况&#xff0c;此时WIFI就是一个不错的选择。正点原子STM32MP1开发板支持USB和SDIO这两种接口的WIFI&#xff0c;本章就来学习一下如何…

npm的使用

package.json 快速生成package.json npm init -y “version”: “~1.1.0” 格式为&#xff1a;「主版本号. 次版本号. 修订号」。 修改主版本号是做了大的功能性的改动 修改次版本号是新增了新功能 修改修订号就是修复了一些bug dependencies "dependencies": {&…

阿里云服务器优惠购买和搭建网站全流程(图文教程)

阿里云服务器使用教程包括云服务器购买、云服务器配置选择、云服务器开通端口号、搭建网站所需Web环境、安装网站程序、域名解析到云服务器公网IP地址&#xff0c;最后网站上线全流程&#xff0c;新手站长xinshouzhanzhang.com分享阿里云服务器详细使用教程&#xff1a; 一&am…

Android 10.0 SystemUI启动流程

1、手机开机后&#xff0c;Android系统首先会创建一个Zygote&#xff08;核心进程&#xff09;。 2、由Zygote启动SystemServer。 3、SystemServer会启动系统运行所需的众多核心服务和普通服务、以及一些应用及数据。例如&#xff1a;SystemUI 启动就是从 SystemServer 里启动的…

特斯拉的利润率已陷入恶性循环

来源&#xff1a;猛兽财经 作者&#xff1a;猛兽财经 总结&#xff1a; &#xff08;1&#xff09;特斯拉(TSLA)第三季度疲弱的财务业绩表明&#xff0c;在当前环境下&#xff0c;投资特斯拉股票已不再是一项有保障的投资。 &#xff08;2&#xff09;正在进行的价格战可能会进…

私有化部署大模型:5个.Net开源项目

从零构建.Net前后端分离项目 今天一起盘点下&#xff0c;10月份推荐的5个.Net开源项目&#xff08;点击标题查看详情&#xff09;。 1、BootstrapBlazor企业级组件库&#xff1a;前端开发的革新之路 BootstrapBlazor是一个用于构建现代Web应用程序的开源框架&#xff0c;它基…

【数据结构】顺序表和链表

顺序表和链表 1.线性表 线性表&#xff08;linear list&#xff09;是n个具有相同特性的数据元素的有限序列。 线性表是一种在实际中广泛使用的数据结构&#xff0c;常见的线性表&#xff1a;顺序表、链表、栈、队列、字符串… 线性表在逻辑上是线性结构&#xff0c;也就说是连…