【Node.js】笔记整理 3 -npm

写在最前:跟着视频学习只是为了在新手期快速入门。想要学习全面、进阶的知识,需要格外注重实战和官方技术文档,文档建议作为手册使用

系列文章

  • 【Node.js】笔记整理 1 - 基础知识
  • 【Node.js】笔记整理 2 - 常用模块
  • 【Node.js】笔记整理 3 - npm
  • 【Node.js】笔记整理 4 - node版本管理工具 nvm
  • 【Node.js】笔记整理 5 - Express框架简单入门

本文目录

  • 系列文章
    • 1、npm包相关命令
    • 2、require引入npm模块
    • 3、环境变量path
    • 4、npm配置命令别名
    • 5、镜像源
      • 5.1、安装镜像源
      • 5.2、配置镜像源
    • 6、yarn 包管理工具
    • 7、包管理工具的选择、判定
    • 8、npm包的发布、更新、删除
      • 8.1 制作并发布包
      • 8.2、 更新包
      • 8.3、删除包
    • 9、其他语言或者OS的包管理工具

node提供的包管理工具是npm —— Node Package Manager,不过yarn最稳定

使用命令npm init -y可以快速创建package.json文件

1、npm包相关命令

搜索npm包的网址:www.npmjs.com,需要魔法上网

npm命令(以下 i 都是 install 的简写)功能
npm install <包名>npm i <包名>下载对应包,默认下载最新版本
npm uninstall <包名>npm r <包名>npm remove <包名>卸载包
npm i -S <包名>npm i --save <包名>(默认)安装在生产环境下,包信息存储在package.jsondependencies属性下
npm i -D <包名>npm i --save-dev <包名>安装在开发环境下,包信息存储在package.jsondevDependencies属性下
npm i -g nodemon使用 -g 进行全局安装,这将会让你在命令行任何位置都能够使用这个包
npm root -g查看全局安装包的位置,注意全局安装包不是安装在你项目里的
**npm i **、npm install根据package.jsonpackage-lock.json安装该项目所需的所有依赖
npm i <包名>@x.xx.xx安装指定版本的包
npm uninstall <包名>@x.xx.xx卸载指定版本的包
**npm r -g <包名> **、npm remove -g <包名>全局卸载包
npm init初始化
npm run <别名>运行别名

2、require引入npm模块

  • 先npm install <包名>安装npm包
  • const xxx = require('包名')引入,注意:这种安装方式,会从node_modules开始一直向上查找指定包直到所在盘根目录
  • 使用

依赖:A包中安装了B包,那么B包就是A包的一个依赖包,称作A依赖B

  • 开发依赖:只在开发阶段使用的依赖包
  • 生产依赖:在开发阶段和最终上线运行都会使用的依赖包

3、环境变量path

将文件路径复制到我的电脑 --> 属性 --> 高级系统设置 --> 环境变量 --> 用户变量 --> PATH中,就可以在命令行任意位置使用该命令。这是因为配置到环境变量PATH中后,使用命令时就会去环境变量中查找路径

4、npm配置命令别名

package.json文件中的"script配置项下",按照这种语法配置别名:"别名": " 指令 "

比如:

{"script": {"serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",}
}

其实有些包在安装时候或者项目初始化时候,一些别名就已经配置好了

在这里插入图片描述

5、镜像源

因为npm包放在外网服务器,有些时候下载可能会比较慢甚至中断下载报警,所以为了提高下载速度,有些时候需要用到国内一些公司部署的镜像源、比如淘宝源

5.1、安装镜像源

安装淘宝源:

npm install -g cnpm --registry=http://registry.npmmirror.com

指令其实就是把npm换成cnpm就行,其他镜像源的安装参照这个就行

5.2、配置镜像源

1、直接配置:

npm config set registry http://registry.npmmirror.com

2、使用nrm配置npm的镜像地址

  • 安装nrm

    npm i -g nrm
    
  • 修改镜像

    nrm use taobao
    
  • 检测是否配置成功

    npm config list
    
  • 查看配置的镜像源

    # 方法一:只有地址
    npm config get registry# 方法二:名字+地址
    nrm ls
    

6、yarn 包管理工具

yarn是Facebook(现mate)推出的JavaScript包管理工具

它的优点:

  • 速度更快:缓存每个下载过的包、并行下载、更大的资源利用率
  • 更安全:执行代码前,yarn会通过算法检验每个安装包的完整性
  • 更可靠:使用了详细、简洁的锁文件格式和明确的安装算法

安装

npm i -g yarn

启动项目时候,npm需要npm run dev,yarn只需要yarn dev

功能指令
初始化yarn inityarn init -y
安装yarn add <包名>yarn add <包名> --dev生产依赖、**yarn global add <包名>**全局安装
删除yarn remove <包名>、**yarn global remove <包名>**全局删除
安装项目依赖**yarn **
运行命令别名yarn <别名>

7、包管理工具的选择、判定

个人项目无所谓

公司项目:

  • npm的锁文件为package-lock.json
  • yarn的锁文件为yarn.lock

包管理工具不要在同一个项目里混用,以防意外

8、npm包的发布、更新、删除

8.1 制作并发布包

流程如下:

  • npm init

  • 给包命名,注意不能有test等字样,否则会被识别为垃圾包不予发布

  • 编写自己的npm包

下面是一个npm包的例子

/*** vertify if two one-dimensional arrays are identical* @param {Array} arr1 * @param {Array} arr2 * @returns Boolean*/
function isArrEqual(arr1, arr2){return arr1 && arr2 && arr1.length === arr2.length && arr1.every((item) => arr2.includes(item))
}/*** array deduplication* @param {Array} arr1*/
function removeDuplicates(arr){return [...new Set(arr)]
}module.exports = {isArrEqual,removeDuplicates
}
  • 登录npm官网,注册并激活账号

  • nrm use npm,使用官方镜像

  • npm login,填写用户相关信息登录,输入密码时默认不可见

  • npm publish提交包

  • 成功后便可以像其他包那样下载下来使用了

8.2、 更新包

  • 在本地更新代码
  • 修改package.json中的版本信息
  • npm publish发布

8.3、删除包

包可以被删除的条件:

  • 你是作者
  • 包的发布时间小于24h
  • 若大于24h,没有其他包依赖于此包,且每周小于300下载量,且维护者唯一

删除命令:npm unpublishnpm unpublish --force

9、其他语言或者OS的包管理工具

语言包管理工具
PHPcomposer
Pythonpip
Javamaven
Gogo mod
JavaScriptnpm / yarn / cnpm / …
RubyrubyGems
操作系统包管理工具
Centosyum
Ubuntuapt
MacOshomebrew
Windowschocolatey

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

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

相关文章

Ubuntu22.04 server版本关闭DHCP,手动设置ip

在Ubuntu 22.04 中&#xff0c;网络配置已迁移到 Netplan&#xff0c;因此可以使用 Netplan 配置文件来手动设置 IP 地址并关闭 DHCP。 以下是在 Ubuntu 22.04 上手动设置 IP 地址并禁用 DHCP 的步骤&#xff1a; 打开终端&#xff0c;使用 root 权限或 sudo 执行以下命令&…

WordPress(10)解决中文连接问题

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、修改的前后二、自定义结构讲明三、修改方法前言 提示:这里可以添加本文要记录的大概内容: 1.中文连接如:http://www.lplovemm.love/2023/11/12/测试 2.这种连接在提交sitemap收录的时…

【神经网络】AlexNet

来源 2012年在全球知名的图像识别竞赛 ILSVRC 中&#xff0c;AlexNet 横空出世&#xff0c;直接将错误率降低了近 10 个百分点&#xff0c;这是之前所有机器学习模型无法做到的。 网络结构 AlexNet整体的网络结构包括&#xff1a;1个输入层&#xff08;input layer&#xff…

夸克大模型助力学术科研提效 四大优势提升知识正确性

当严谨的学术科研与创新的大模型技术结合在一起&#xff0c;会擦出什么样的火花&#xff1f;日前&#xff0c;夸克大模型甫一推出便以优秀的性能成为国产大模型中的“学霸”。在中国科学技术协会近期主办的“大模型应用场景研讨会”上&#xff0c;夸克大模型在快速阅读、创作润…

“简洁实用,没有繁琐设置!Cloudreve是个人使用的最佳网盘“

Cloudreve是一款基于Web的文件共享和管理服务软件。它可以用于创建自己的私有云存储服务或公共文件分享平台&#xff0c;该网盘底层支持本机存储、从机存储、阿里云OSS、又拍云、腾讯云COS、七牛云存储、OneDrive&#xff08;国际版/世纪互联版&#xff09;等多种存储方式&…

云轴科技ZStack助力龙芯打造IT产业新生态

11月28日&#xff0c;2023龙芯产品发布暨用户大会在国家会议中心启幕。大会以“到中流击水”为主题&#xff0c;现场发布新一代通用处理器龙芯3A6000、打印机主控芯片龙芯2P0500重磅成果&#xff0c;并对外公布龙芯处理器核IP及龙芯自主指令系统架构授权计划。作为龙芯的卓越行…

如何判断电脑电源质量的好坏?

电脑电源作为电脑的关键部件直接影响到电脑的性能和寿命&#xff0c;因此选择一个好的电源至关重要。那么要如何判断电脑电源的好坏呢?判断的指标都有哪些呢? 1.外观检测 观察电源外观可以初步判断电脑电源的工艺质量和材料质量。外观检测需要检查电源外壳是否坚固&#xff0…

阿里云RDS标准版(x86) vs 经济版(ARM)性能对比

概述 阿里云数据库在去年云栖大会上发布了基于阿里倚天芯片&#xff08;ARM架构&#xff09;的RDS实例&#xff0c;后正式命名为经济版。本文通过标准的sysbench测试&#xff0c;来看看相比与标准版&#xff0c;经济版是否更加“经济”&#xff0c;以帮助开发者选择适合自己的…

《六》CSS 中的自定义属性

自定义属性&#xff1a;也可以称作 CSS 变量或者级联变量&#xff0c;是由 CSS 作者定义的。由自定义属性标记来设定值&#xff08;例如&#xff1a; --main-color: black;&#xff09;&#xff0c;由 var() 函数来获取值&#xff08;例如&#xff1a; color: var(--main-color…

蓝桥杯每日一题2023.11.30

题目描述 九数组分数 - 蓝桥云课 (lanqiao.cn) 题目分析 此题目实际上是使用dfs进行数字确定&#xff0c;每次循环中将当前数字与剩下的数字进行交换 eg.1与2、3、4、、、进行交换 2与3、4、、、进行交换 填空位置将其恢复原来位置即可&#xff0c;也就直接将其交换回去即可…

Golang实践录:读取yaml配置文件

本文对 yaml 文件进行解析。 下载 yaml执行 go get github.com/spf13/viper 安装。 golang 有很多库可以解释 yaml 文件。本文选用 viper 进行解析&#xff0c;执行 go get github.com/spf13/viper 安装。 yaml语法规则 yaml对大小写敏感。yaml的层级关系只能使用空格缩进&a…

Apache httpd-2.4安装并配置转发

目录 一、写在前面二、下载Apache三、编译安装依赖库3.1 编译安装apr3.2 编译安装apr-util3.3 编译安装pcre 四、编译安装及启动Apache4.1 编译安装Apache4.2 启动Apache 五、配置Apache5.1 备份 httpd.conf5.2 启用代理模块5.3 修改监听端口5.4 配置转发规则 六、常用指令6.1 …

Windows核心编程 注册表

目录 注册表概述 打开关闭注册表 创建删除子健 查询写入删除键值 子健和键值的枚举 常用注册表操作 注册表概述 注册表是Windows操作系统、硬件设备以及客户应用程序得以正常运行和保存设置的核心"数据库"&#xff0c;也可以说是一个非常巨大的树状分层结构的…

Docker篇之docker部署harbor仓库

一、首先需要安装docker step1&#xff1a;安装docker #1、安装yun源 yum install -y yum-utils #2、配置yum源 yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo # 如果上面源不稳定的话&#xff0c;更换为下列的aliyun源 yu…

7-2 凯撒密码(生成字母映射字典)

分数 20 作者 python备课组 单位 福州大学至诚学院 凯撒密码是密码学中一种简单且广为人知的加密技术&#xff0c;其本质是将明文中的所有字母按照字母表的顺序向后偏移固定数目后变成密文。例如,当偏移数目为3时&#xff0c;字母a映射成d&#xff0c;字母p映射成s&#xff…

学计算机大学可能会踩得坑!一定要注意!

真希望刚上大学时&#xff0c;就有人能告诉我这个&#xff0c;建议收藏&#xff01; 很多人可能刚进大学时踌躇满志&#xff0c;气吞山河&#xff0c;但却随着时间流逝&#xff0c;慢慢会开始对自己的未来感到迷茫&#xff0c;开始害怕做决定、害怕踩坑&#xff0c;不知道自己该…

助力商品数字化管理,基于yolov5开发构建全系列【n/s/m/l/x】不同参数量级检测模型

在很多大型商超购物场所里面&#xff0c;商品的数字化信息管理系统是很重要的一环&#xff0c;能够做到对商品的快速精准管理&#xff0c;而基于CV视角的自动化智能化识别系统能够定位识别商品信息对于数字化水平的提升有着很大的帮助&#xff0c;本文的核心思想就是想要基于自…

网易区块链,网易区块链赋能赣州脐橙数字藏品,数字指纹解决方案

目录 网易区块链 网易区块链赋能赣州脐橙数字藏品,助力革命老区三农之路 数字指纹解决方案 网易区块链 网易区块链成立于2017年,致力于Web3.0区块链技术的研发和应用。自主研发的区块链“天玄”引擎,在单链场景下支持每秒最高30万笔交易,单日可处理上链数据超10亿。 与…

奇葩问题:arp缓存、ip地址冲突(实际是ip地址被占用导致arp缓存出现问题)

文章目录 今天遇到个奇葩的问题 今天遇到个奇葩的问题 今天遇到个奇葩的问题&#xff0c;我把我们192.168.1.116的盒子ip改成192.168.2.116后&#xff0c;再改回来&#xff0c;发现我们盒子的http服务始终无法访问&#xff0c;用Advanced IP Scanner扫描一下&#xff0c;发现就…

插槽slot使用

场景&#xff1a;el-button是绝对定位&#xff0c;希望它能根据query组件&#xff08;公共组件&#xff09;定位&#xff0c;query组件是相对定位。 <query :queryArr"queryParams" class"query"><div class"btn"><el-button cla…