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

news2024/11/24 5:46:39

学习视频:尚硅谷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.coloradmin.cn/o/1179714.html

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

相关文章

机器视觉工程师注意高新待遇来了,非标设备厂家早就布局海外市场,国内大多数企业是谋生存情况下,而更具有大局观的企业走出去则是谋发展

冬天来了&#xff0c;大家记得多添点衣服&#xff0c;记得穿秋裤&#xff01; 当各个厂家都在国内抢订单的时候&#xff0c;更多的非标设备厂家早已走向海外&#xff0c;布局海外市场&#xff0c;或者在新的领域积极开展新的业务。为自身公司带来大量海外订单。 别的企业都是…

Excel 转 Json 、Node.js实现(应用场景:i18n国际化)

创作灵感来源于在线转换是按照换行符去转换excel内容换行符后很难处理 本文是按单元格转换 const xlsx require(node-xlsx) const fs require(fs) const xlsxData xlsx.parse(./demo.xlsx) // 需要转换的excel文件// 数据处理 方便粘贴复制 const data xlsxData[2].data …

汽车发动机各系统部件构造图解及名称大全(超详细)

我们都知道发动机是汽车的心脏,相信大家都有东拼西凑的学一些发动机知识,今天汽车维修网小编给大家系统的整理整个发动机的基础知识,如果能认真看完,相信肯定有所收获。全文3065字,81幅结构图,建议收藏、分享后再慢慢看。 首先我们来看一下 发动机总成构造图解 发动机…

zookeeper:启动原理

主类&#xff1a; QuorumPeerMain, 其中调用了main对象的initializeAndRun方法&#xff0c; 首先定义了QuorumPeerConfig对象&#xff0c;然后调用了parse方法&#xff0c;parse方法代码如下&#xff1a; 其中调用的parseProperties方法的代码如下&#xff1a; 可以看到&am…

嵌入式C语言自我修养《数据存储与指针》学习笔记

目录 一、数据类型和存储 1.大端模式和小端模式 2.有符号数和无符号数 二、数据对齐 1.为什么要数据对齐 2.结构体对齐 3.联合体对齐 三、数据的可移植性 四、 Linux内核中的size_t类型 五、typedef的使用 1. typedef的基本用法 2.使用typedef的优势 3. typedef的作用域 六…

前端常用的版本管理工具

一、是什么 版本控制&#xff08;Version control&#xff09;&#xff0c;是维护工程蓝图的标准作法&#xff0c;能追踪工程蓝图从诞生一直到定案的过程。此外&#xff0c;版本控制也是一种软件工程技巧&#xff0c;借此能在软件开发的过程中&#xff0c;确保由不同人所编辑的…

汽车驾驶智能座舱太阳光模拟器老化试验

一、太阳光模拟器老化试验目的 太阳光模拟器氙光灯老化试验是一种常用的材料老化测试方法&#xff0c;通过模拟自然光照条件下的老化过程&#xff0c;评估材料的耐光性能和耐候性能其主要目的有: 1.评估材料在长时间暴露于自然光照条件下的耐久性能: 2.比较不同材料的耐光性…

龙芯loongarch64服务器编译安装scipy

前言 根据我之前的文章介绍&#xff0c;龙芯loongarch64服务器中的很多python依赖包安装有问题&#xff0c;发现其中安装的"scikit-learn"就无法正常使用&#xff0c;所有这里在 pip3 install scikit-learn -U -i https://pypi.tuna.tsinghua.edu.cn/simple 的时候发…

telnet的使用

用于查看 某个ip某个端口通不通 telnet 136.126.122.123 6380 这个代表通了

NLP项目windows环境搭建

一、安装Anaconda Free Download | Anaconda 二、安装PyCharm PyCharm&#xff1a;JetBrains为专业开发者提供的Python IDE 三、创建Python虚拟环境 1. 打开命令窗口 "开始"菜单中找到Anaconda3 - Anaconda Powershell Prompt 说明&#xff1a; Anaconda Power…

应用在触摸显示屏中的高性能低功耗触摸芯片

触摸屏显示器(Touch Screen)可以让使用者只要用手指轻轻地碰计算机显示屏上的图符或文字就能实现对主机操作&#xff0c;这样摆脱了键盘和鼠标操作&#xff0c;使人机交互更为直截了当。简单的说&#xff0c;只是在显示器上安装了触摸屏&#xff0c;成为带有触摸功能的显示器。…

el-input-number输入框超过限制后自动变为最大值

input输入框使用了el-input-number 需求&#xff1a;目标室温输入框数据库设置最大是4位整数&#xff0c;限制一位小数&#xff0c;且后面要加单位&#xff0c;当输入数字超过限制&#xff0c;默认显示限制的最大值 &#xff0c;所以就有了输入完图一自动变为图二的数字。 el-i…

CV计算机视觉每日开源代码Paper with code速览-2023.11.3

精华置顶 墙裂推荐&#xff01;小白如何1个月系统学习CV核心知识&#xff1a;链接 点击CV计算机视觉&#xff0c;关注更多CV干货 论文已打包&#xff0c;点击进入—>下载界面 点击加入—>CV计算机视觉交流群 1.【基础网络架构】&#xff08;NeurIPS2023&#xff09;Ai…

MySQL第六讲·where和having的异同?

你好&#xff0c;我是安然无虞。 文章目录 面试常考&#xff1a;where与having有什么不同&#xff1f;一个实际查询需求wherehaving怎么正确的使用where和having&#xff1f; 面试常考&#xff1a;where与having有什么不同&#xff1f; 我们在进行查询的时候&#xff0c;经常…

C语言运行代码示例

这是一个基本的 C 爬虫程序&#xff0c;使用了 C11 版本。这个程序使用了 C11 的标准库&#xff0c;包括了网络编程库&#xff08;<net/http>&#xff09;&#xff0c;字符串处理库&#xff08;<string>&#xff09;和文件操作库&#xff08;<fstream>&#…

Centos7下通过docker安装Rancher2.7搭建Kubernetes

Rancher官方网站&#xff08;中文&#xff09; Rancher单节点 Rancher2.7与Kubernetes部署在同一台设备上 关闭防火墙与selinux #关闭防火墙 systemctl stop firewalld && systemctl disable firewalld && iptables -F #关闭selinux sed -i s/enforcing/di…

聚观早报 |小鹏P7i 550版上市;零一万物发布大模型

【聚观365】11月7日消息 小鹏P7i 550版上市 零一万物发布大模型 vivo X100现身Geekbench 小马智行与丰田联合发布Robotaxi 王云鹏出任百度IDG负责人 小鹏P7i 550版上市 小鹏P7i 550版正式上市&#xff0c;新车共推出550 Pro、550 Max 两款新版型&#xff0c;售价分别为22…

Photoshop Web版本用了哪些CSS技术

本文翻译自 CSS Findings From Photoshop Web Version &#xff0c;作者&#xff1a;Ahmad&#xff0c; 略有删改。 几周前&#xff0c;Adobe发布了一个Web版的Photoshop&#xff0c;它是用WebAssembly、Web组件、P3颜色等网络技术构建的。 Photoshop是我14岁时学会的第一个专…

【I2C】熟悉I2C的传输时序。根据I2C的时序图,标出每段时序对应的含义

参考&#xff1a;I2C -- I2C总线详解_i2c频率-CSDN博客 首先看下I2C协议中数据传输的时序&#xff1a; I2C空闲&#xff1a;SCL和SDA同时处于“高电平”。 I2C起始&#xff1a;SCL维持高电平&#xff0c;SDA由“高电平跳变为低电平”&#xff0c;下降沿。 I2C终止&#xff1a…