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 start。npm 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.hqwc.cn/news/162704.html

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

相关文章

青翼科技-国产化ARM系列TES720D-KIT

青翼科技-国产化ARM系列TES720D-KIT

板卡概述 TES720D-KIT是专门针对我司TES720D&#xff08;基于复旦微FMQL20S400的全国产化ARM核心板&#xff09;的一套开发套件&#xff0c;它包含1个TES720D核心板&#xff0c;加上一个TES720D-EXT扩展底板。 FMQL20S400是复旦微电子研制的全可编程融合芯片&#xff0c;在单…
阅读更多...
十一、K8S之持久化存储

十一、K8S之持久化存储

持久化存储 一、概念 在K8S中&#xff0c;数据持久化可以让容器在重新调度、重启或者迁移时保留其数据&#xff0c;并且确保数据的可靠性和持久性。 持久化存储通常用于程序的状态数据、数据库文件、日志文件等需要在容器生命周期之外的数据&#xff0c;它可以通过各种存储解…
阅读更多...
C++ 动态规划。。。

C++ 动态规划。。。

#include <iostream> #include <algorithm> using namespace std; // 定义一个常量&#xff0c;表示无穷大 const int INF 1e9; int dp[1000 2];// 定义一个函数&#xff0c;计算数组中某个区间的和 int sum(int arr[], int start, int end) {int s 0;for (int …
阅读更多...
从NetSuite Payment Link杂谈财务自动化、数字化转型

从NetSuite Payment Link杂谈财务自动化、数字化转型

最近在进行信息化的理论学习&#xff0c;让我有机会跳开软件功能&#xff0c;用更加宏大的视野&#xff0c;来审视我们在哪里&#xff0c;我们要到哪去。 在过去20多年&#xff0c;我们的财务软件经历了电算化、网络化、目前处于自动化、智能化阶段。从NetSuite这几年的功能发…
阅读更多...
ATE新能源汽车充电桩自动负载测试系统

ATE新能源汽车充电桩自动负载测试系统

随着新能源汽车的普及&#xff0c;充电桩的需求也在不断增加&#xff0c;为了确保充电桩的性能和安全性&#xff0c;对其进行负载测试是非常重要的。ATE新能源汽车充电桩自动负载测试系统是一种专门用于检测充电桩性能的设备&#xff0c;它可以模拟各种实际使用场景&#xff0c…
阅读更多...
C++模板编程与泛型编程之函数模板

C++模板编程与泛型编程之函数模板

文章目录 函数模板(第一部分)定义函数模板使用函数模板样例 两阶段翻译 Two-Phase Translation模板的编译和链接问题 多模板参数引入额外模板参数作为返回值类型让编译器自己找出返回值类型将返回值声明为两个模板参数的公共类型样例 默认模板参数样例 重载函数模板模板函数特化…
阅读更多...
【八股哪背的完】Redis我先背这点儿，够用！

【八股哪背的完】Redis我先背这点儿，够用！

Redis篇 数据类型及其业务场景 字符串&#xff08;String&#xff09; 字符串类型是最基本的数据类型&#xff0c;value 最多可以容纳的数据长度是 512M。 存储任意类型的数据&#xff0c;包括数字、文本等。适用于缓存、计数器、分布式锁等场景。共享 Session 信息 哈希&am…
阅读更多...
人，要懂得享受孤独

人，要懂得享受孤独

喜欢在如水的月光下&#xff0c;望一轮洁白的皓月&#xff0c; 喜欢在清寂的夜晚&#xff0c;看那星光流转倏忽间的变幻&#xff0c;牵动心中万千情怀。 独享这份清幽&#xff0c;遐想那月中寻桂子的浪漫。 这个世界太喧闹&#xff0c;偶尔&#xff0c;需要关一关窗&#xff0c…
阅读更多...
vue3生命周期源码详解

vue3生命周期源码详解

钩子函数的特点 Vue 生命周期钩子函数是在组件生命周期中执行的特定函数。 这些钩子函数允许你在组件不同的生命周期阶段插入自定义的逻辑代码。 Vue 提供了一组预定义的生命周期钩子函数&#xff0c;每个钩子函数在组件生命周期的不同阶段被调用。 源码中如何注册、实现钩子函…
阅读更多...
跨境电商商城源码，助力商家全球布局（多语言切换\多货币转换\多商户入驻）

跨境电商商城源码，助力商家全球布局（多语言切换\多货币转换\多商户入驻）

今天&#xff0c;我们要给大家介绍一款强大且多元化的跨境电商解决方案——WoShop跨境电商源码!这款源码拥有许多令人惊叹的功能&#xff0c;其中最引人注目的就是支持多语言切换、多货币转换以及多商户入驻! 设想一下&#xff0c;你是一个跨境电商的卖家&#xff0c;你的业务遍…
阅读更多...
哪一波最容易亏钱，昂首资本这样讲

哪一波最容易亏钱，昂首资本这样讲

有交易者咨询anzo capital昂首资本&#xff0c;按照波浪理论最容易亏钱是在第几波&#xff0c;通过调查得知80%的错误发生在第四波。所以对哪一波最容易亏钱&#xff0c;很有可能就是第四波。当然了如果能准确的判断第四波时&#xff0c;也可能获得相当丰厚的利润。 第四波通…
阅读更多...
关于 国产系统UOS系统Qt开发Tcp服务器外部连接无法连接上USO系统 的解决方法

关于 国产系统UOS系统Qt开发Tcp服务器外部连接无法连接上USO系统 的解决方法

若该文为原创文章&#xff0c;转载请注明原文出处 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/134254817 红胖子(红模仿)的博文大全&#xff1a;开发技术集合&#xff08;包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023