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版本管理)

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

4、Python基本数据类型:数字、字符串、列表、元组、集合、字典

文章目录 1、Python基本数据类型简介2、数字3、字符串4、列表5、元组6、集合7、字典1、Python基本数据类型简介 Python是一种非常强大且易于学习的编程语言,它具有简洁的语法和丰富的数据类型。了解和掌握Python的基本数据类型是学习和使用Python的基础。本文将详细介绍Pytho…

Disk Drill v5.3.1313(数据恢复备份)

Disk Drill是一款功能强大的数据恢复软件&#xff0c;它可以帮助用户恢复已删除、丢失、格式化或损坏的文件&#xff0c;并支持多种存储设备&#xff0c;包括计算机硬盘驱动器、外部硬盘、USB闪存驱动器、内存卡和其他存储介质。它和很多的文件系统都兼容&#xff0c;比如&…

nodejs express uniapp 图书借阅管理系统源码

开发环境及工具&#xff1a; nodejs&#xff0c;mysql5.7&#xff0c;HBuilder X&#xff0c;vscode&#xff08;webstorm&#xff09; 技术说明&#xff1a; nodejs express vue elementui uniapp 功能介绍&#xff1a; 用户端&#xff1a; 登录注册 首页显示轮播图&am…

排序算法的分析及实现

目录​​​​​​​ 1. 排序 1.1. 排序的概念 1.2. 排序的稳定性 1.3. 内部排序和外部排序 2. 直接插入排序 2.1. 直接插入排序 2.2. 直接插入排序的两种情况 1. 情况一 2. 情况二 2.3. 直接插入排序的单趟排序 2.4. 直接插入排序的完整实现 2.5. 直接插入排序的时…

【江协科技-用0.96寸OLED播放知名艺人打篮球视频】

Python进行视频图像处理&#xff0c;通过串口发送给stm32&#xff0c;stm32接收数据&#xff0c;刷新OLED进行显示。 步骤&#xff1a; 1.按照接线图连接好硬件 2.把Keil工程的代码下载到STM32中 3.运行Python代码&#xff0c;通过串口把处理后的数据发送给STM32进行显示 …

【图像分类】【深度学习】【Pytorch版本】AlexNet模型算法详解

【图像分类】【深度学习】【Pytorch版本】AlexNet模型算法详解 文章目录 【图像分类】【深度学习】【Pytorch版本】AlexNet模型算法详解前言AlexNet讲解卷积层的作用卷积过程特征图的大小计算公式Dropout的作用AlexNet模型结构 AlexNet Pytorch代码完整代码总结 前言 AlexNet是…

论文阅读——What Can Human Sketches Do for Object Detection?(cvpr2023)

论文&#xff1a;https://openaccess.thecvf.com/content/CVPR2023/papers/Chowdhury_What_Can_Human_Sketches_Do_for_Object_Detection_CVPR_2023_paper.pdf 代码&#xff1a;What Can Human Sketches Do for Object Detection? (pinakinathc.me) 一、 Baseline SBIR Fram…

Cesium:WFS请求两种方式

以本地发布的上海市浦东区行政区划WMS地图服务为例,讲述Cesium中WFS请求的两种方式及其优缺点。 服务加载地址及其参数如下, 服务加载地址:http://localhost:8089/geoserver/pudong/wms 加载参数:layerName:pudong:distractservice: "WMS",request: "GetMa…

8-2、T型加减速计算简化【51单片机控制步进电机-TB6600系列】

摘要&#xff1a;本节介绍简化T型加减速计算过程&#xff0c;使其适用于单片机数据处理。简化内容包括浮点数转整型数计算、加减速对称处理、预处理计算 一、浮点数转整型数计算 1.1简化∆t_1计算 根据上一节内容已知 K0.676 step1.8/X&#xff08;x为细分值&#xff0c;1.8对…

【Leetcode】349. 两个数组的交集

题意 给定两个数组&#xff0c;编写一个函数来计算它们的交集。 说明&#xff1a; 输出结果中的每个元素一定是唯一的。 我们可以不考虑输出结果的顺序。 思路 这道题目&#xff0c;主要要学会使用一种哈希数据结构&#xff1a;unordered_set&#xff0c;这个数据结构可以解决…

MYSQL:主从复制简述

&#xff08;图片来自于马士兵教育&#xff09; 从节点的I/O线程会请求主节点的Binlog&#xff0c;并且将得到的Binlog写入到本地relay_log&#xff08;中继日志&#xff09;中&#xff0c;SQL线程会读取realy_log中的日志文件&#xff0c;并且解析成SQL逐行执行。 主库会生成…

XSS漏洞利用工具BeEF

BeEF是Browser Exploitation Framework的缩写。随着人们越来越多地关注针对包括移动客户端在内的客户端的网络传播攻击&#xff0c;BeEF使专业的渗透测试人员可以使用客户端攻击向量来评估目标环境的实际安全状况。与其他安全框架不同&#xff0c;BeEF超越了硬化的网络边界和客…

win11下使用VMmare设置CentOS7里面的静态IP

1&#xff0c;win11上的VMware 8 设置 2&#xff0c;选择VMmare上的虚拟网络编辑进行设置 #3&#xff0c;接下来进入虚拟机设置&#xff08;就是进入CentOS7 打开终端 右键 Open Terminal &#xff09; # 切换root su root #ksana #编辑网络配置文件 vi /etc/sysconfig/networ…

【LeetCode:318. 最大单词长度乘积 | 模拟 位运算】

&#x1f680; 算法题 &#x1f680; &#x1f332; 算法刷题专栏 | 面试必备算法 | 面试高频算法 &#x1f340; &#x1f332; 越难的东西,越要努力坚持&#xff0c;因为它具有很高的价值&#xff0c;算法就是这样✨ &#x1f332; 作者简介&#xff1a;硕风和炜&#xff0c;…

nn.embedding函数详解(pytorch)

提示&#xff1a;文章附有源码&#xff01;&#xff01;&#xff01; 文章目录 前言一、nn.embedding函数解释二、nn.embedding函数使用方法四、模型训练与预测的权重变化探讨 前言 最近发现prompt工程(如sam模型)&#xff0c;也有transform的detr模型等都使用了nn.Embedding函…

GB28181学习(十五)——流传输方式

前言 基于GB/T28181-2022版本&#xff0c;实时流的传输方式包括3种&#xff1a; UDPTCP被动TCP主动 UDP 流程 注意&#xff1a; m字段指定传输方式为RTP/AVP&#xff1b; 抓包 SIP服务器发送INVITE请求&#xff1b; INVITE sip:xxx192.168.0.111:5060 SIP/2.0 Via: SIP…

【C++】智能指针【内存泄漏|智能指针原理及使用|RAII】

目录 1、了解内存泄露 1.1 内存泄漏的定义及危害 1.2 内存泄漏分类&#xff08;了解&#xff09; 1.3 如何检测内存泄漏&#xff08;了解&#xff09; 1.4如何避免内存泄漏 2、智能指针的引出 3、智能指针的使用及原理 3.1 RAII 3.2 智能指针的原理 3.3 std::auto_pt…

skynet学习笔记01— skynet开发环境搭建(超详细)与第一个skynet程序

00、参考资料 https://blog.csdn.net/qq769651718/category_7480207.html 01、前置准备 开发所在目录 mhzzjmhzzj-virtual-machine:~/work/skynetStudy$ pwd /home/mhzzj/work/skynetStudy前置准备 mhzzjmhzzj-virtual-machine:~/work/skynetStudy$ sudo apt install lua5…

手动关闭PS中的TopazStudio2的登录窗口

2021 adobe photoshop Topaz Studio 2 不是使用防火墙出站规则&#xff0c;是手动关闭的解决方案 点击社区-切换用户&#xff0c;登录窗口会出现X&#xff0c;可以手动关闭

【flutter no devices】

1.在环境变量增加 ANDROID_HOME 值为&#xff1a;C:\Users\Administrator\AppData\Local\Android\Sdk &#xff08;Android sdk 位置) 2 环境变量的path里面增加2个值&#xff1a; %ANDROID_HOME%\platform-tools %ANDROID_HOME%\tools 3 打开cmd&#xff0c;或者在Android st…