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.mzph.cn/news/132656.shtml

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

相关文章

【Spring Boot 源码学习】JedisConnectionConfiguration 详解

Spring Boot 源码学习系列 JedisConnectionConfiguration 详解 引言往期内容主要内容1. RedisConnectionFactory1.1 单机连接1.2 集群连接1.3 哨兵连接 2. JedisConnectionConfiguration2.1 RedisConnectionConfiguration2.2 导入自动配置2.3 相关注解介绍2.4 redisConnectionF…

linux文章导航栏

linux文章导航栏 问价解压缩大全Linux tar 备忘清单zip文件解压缩命令全 ubuntuubuntu18.04安装教程\搜狗输入法\网络配置教程Linux静态库和动态库 shellShell脚本命令

Linux内核分析(六)--处理器调度基本准则和实现介绍

目录 一、引言 二、进程调度的层次 ------>2.1、高级调度(作业调度) ------>2.2、中级调度(内存调度) ------>2.3、低级调度(进程调度) ------>2.4、三者的联系 三、调度的时机、切换与过程 ------>3.1、无法发送调度与切换的情况 ------>3.2、应该…

链表面试OJ题(1)

今天讲解两道链表OJ题目。 1.链表的中间节点 给你单链表的头结点 head &#xff0c;请你找出并返回链表的中间结点。 如果有两个中间结点&#xff0c;则返回第二个中间结点。 示例 输入&#xff1a;head [1,2,3,4,5] 输出&#xff1a;[3,4,5] 解释&#xff1a;链表只有一个…

windows idea本地执行spark sql避坑

本地安装了IDEA&#xff0c;并配置好了相关POM&#xff0c;可以在本机使用sparkSession连接数据&#xff0c;并在数据库执行sql&#xff0c;在idea展示执行结果。 但是&#xff0c;如果将数据的查询结果建立到spark中&#xff0c;再展示&#xff0c;就会报错 Error while run…

Chromebook文件夹应用新功能

种种迹象表明 Google 旗下的 Chromebooks 近期要有大动作了。根据 Google 团队成员透露&#xff0c;公司计划在 Chrome OS 的资源管理器中新增“Recents”&#xff08;最近使用&#xff09;文件&#xff0c;以便于用户更快找到所需要的文件。 种种迹象表明 Google 旗下的 Chro…

RabbitMQ消息可靠性投递

RabbitMQ消息投递的路径为&#xff1a; 生产者 —> 交换机 —> 队列 —> 消费者 在RabbitMQ工作的过程中&#xff0c;每个环节消息都可能传递失败&#xff0c;那么RabbitMQ是如何监听消息是否成功投递的呢&#xff1f; 确认模式&#xff08;confirm&#xff09;可以监…

【实战-08】flink 消费kafka自定义序列化

目的 让从kafka消费出来的数据&#xff0c;直接就转换成我们的对象 mvn pom <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information …

mysql 问题解答 2

3 存储 3.1 存储引擎 3、InnoDB 的四大特性? InnoDB 是 MySQL 数据库中最常用的存储引擎之一,它的四大特性通常指的是: ACID 兼容性: 原子性 (Atomicity): 保证事务内的操作要么全部成功,要么全部失败,不会出现中间状态。例如,银行转账操作,从一个账户向另一个账户转…

前端uniapp提交表单调用接口方法最新

目录 源码1源码2最后 源码1 <template><view class"my-add-bank-card"><!-- name"bank_name" form表单提交的input里面一定要加name绑定要传的参数 name"bank_name" type"text" v-model"address.bank_name"…

flink的起源、概念、特点、应用

flink的起源 Flink的起源可以追溯到2010年&#xff0c;当时它作为一个研究项目开始。该项目最初由德国柏林工业大学&#xff08;Berlin Institute of Technology&#xff09;的一群研究人员发起&#xff0c;包括Matei Zaharia、Kostas Tzoumas和Stephan Ewen等。 项目最初被称为…

【系统集成项目管理工程师】——6.习题一

1.&#xff08;&#xff09; 通过独立的、对网络行为和主机操作提供全面与忠实的记录&#xff0c;方便用户分析与审查事故原因&#xff0c;很像飞机上的黑匣子 A、防火墙&#xff1b;B、扫描器&#xff1b;C、防毒软件&#xff1b;D、安全审计系统 答案&#xff1a;D 2.《GB/…

【数据结构】排序算法复杂度 及 稳定性分析 【图文详解】

排序算法总结 前言[ 一 ] 小数据基本排序算法&#xff08;1&#xff09;冒泡排序&#xff08;2&#xff09;直接插入排序 [ 二 ] &#xff08;由基本排序衍生的用作&#xff09;处理大数据处理排序&#xff08;1&#xff09;堆排序&#xff08;2&#xff09;希尔排序 [ 三 ] 大…

unity中移动方案--物理渲染分层

一、三种基本移动方案 unity中的移动分为Transform和Rigidbody以及CharacterController&#xff0c;其中CharacterController功能完善&#xff0c;已经可以避免了穿墙&#xff0c;并实现了贴墙走等情况&#xff0c;需要结合性能考虑选择不同的方式。 1.使用transform,直接修改…

鳄鱼指标的3颜色线都代表什么?澳福官网一段话明白了

投资者一直在使用鳄鱼指标进行交易&#xff0c;但是对指标上面的3种颜色的K线都代表什么不明白&#xff1f;直到看到澳福官网一段话才明白&#xff0c;原来这么简单&#xff01; 鳄鱼指标&#xff0c;这一工具是由三条移动平均线组合而成。具体来说&#xff0c;蓝线&#xff0…

mybatis动态表名

1.基于mybatis官方文档 Configuration public class MybatisPlusConfig {Beanpublic MybatisPlusInterceptor mybatisPlusInterceptor() {MybatisPlusInterceptor interceptor new MybatisPlusInterceptor();DynamicTableNameInnerInterceptor dynamicTableNameInnerIntercep…

(算法题)最多约数问题

最多约数问题 正整数x的约数是能整除x的正整数。正整数x 的约数个数记为div(x)。例如&#xff0c;1&#xff0c;2&#xff0c;5&#xff0c;10 都是正整数10 的约数&#xff0c;且div(10)4。设a 和b 是2 个正整数&#xff0c;a≤b&#xff0c;找出a和b之间约数个数最多的数x及其…

Spring Boot 3系列之-启动类详解

Spring Boot是一个功能强大、灵活且易于使用的框架&#xff0c;它极大地简化了Spring应用程序的开发和部署流程&#xff0c;使得开发人员能够更专注于业务逻辑的实现。在我们的Spring Boot 3系列之一&#xff08;初始化项目&#xff09;文章中&#xff0c;我们使用了Spring官方…

高效开发之:封装抛异常工具类

一、首先自定义个错误码枚举类 public enum ErrorCode {SUCCESS(0, "ok"),PARAMS_ERROR(40000, "请求参数错误"),NOT_LOGIN_ERROR(40100, "未登录"),NO_AUTH_ERROR(40101, "无权限"),NOT_FOUND_ERROR(40400, "请求数据不存在&qu…

MVC、MVP、MVI、MVVM、MVVM-C和VIPER等

以下是最重要的架构模式列表&#xff1a; 1、MVC(Model-View-Controller)&#xff1a; 它是最早被采用的设计模式之一。其主要目标是将应用程序的数据、用户界面和控制逻辑分离成三个相互关联的组件。 在这里&#xff0c;模型Model管理数据和逻辑&#xff0c;视图View显示信息…