IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> npm?Yarn?你清楚吗? -> 正文阅读

[JavaScript知识库]npm?Yarn?你清楚吗?

目录

一、NPM

1.1、什么是NPM?

1.2、npm镜像的设置与查看

1.3、npm的使用

1.4、package.json常见属性

1.5、npm的常用命令?

二、Yarn

2.1、什么是Yarn

2.2、Yarn的下载

2.3、Yarn的基本使用

2.4、Yarn的优点

总结


一、NPM

1.1、什么是NPM?

npm(全称Node Package Manager)

node包管理器。是node.js默认的以JavaScript编写的软件包管理系统

安装完毕node后,会默认安装好npm
npm本身也是基于Node.js 开发的软件

下载:http://Node:http://nodejs.cn

1.2、npm镜像的设置与查看

npm镜像的设置与查看:?

  • 搭建环境将npm设置成淘宝镜像
  1. npm config set registry https://registry.npm.taobao.org--global
  2. npm config set disturl https://npm.taobao.org/dist--global
  • 设置当前地址:npm config set registry https://registry.npmjs.org/
  • 查看镜像的配置结果
  1. npm config get registry
  2. npm config get disturl
  • 使用nrm工具切换淘宝源:npx nrm use taobao
  • 切换回官方源:npx nrm use npm

1.3、npm的使用

npm的使用:?

  • npm -v:通过查看版本,看npm是否安装成功
  • npm install:使用npm命令安装模块
  • npm install <Module Name> -g:可以直接在命令行使用
  • npm list -g:查看所有全局安装的模块
  • npm list vue:查看某个模块的版本号
  • npm -g install npm@5.9.1:更新npm版本
  • npm install -save moduleName:-save在package文件的dependencies结点写入依赖
  • dependencies:运行时依赖,发布后,即生产环境下还需要用的模块
  • npm install -save-dev moduleName:-save-dev在package文件的dependencies结点写入依赖
  • devDependencies:开发时的依赖,里面的模块是开发时用的,发布时用不到他。?

1.4、package.json常见属性

package.json的常见属性如图所示:?

?

1.5、npm的常用命令?

① NPM提供了很多命令,例install和publish, 使用npm help可查看所有命令
② 使用npm help <command>可查看某条命令的详细帮助,例如npm help install
③ 在package. json所在目录下使用npm install . -g可先在本地安装当前命令行程序,可用于 ?发布前的本地测试
④ 使用npm update <package>可以把当前目录下node_ modules子目录里边的对应模块更新至最新版本
⑤ 使用npm update <package> -g可以把全局安装的对应命令行程序更新至最新版
⑥ 使用npm cache clear可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人
⑦ 使用npm unpublish <package> @ <version>可以撤销发布自己发布过的某个版本代码?

二、Yarn

2.1、什么是Yarn

什么是Yarn:

yarn是由fackbook、Google、exponent和Tilde联合推出了一个新的js包管理工具,正如官方文件写的。yarn是为了弥补npm的一些缺陷而出现的。

NPM5的缺陷:

  1. npm install的时候巨慢,特别是新的项目拉下来要等半天,删除node_modules,重新install依旧如此
  2. 同一个项目,多人开发时,由于安琥脏的版本不一致出现Bug?

2.2、Yarn的下载

??

2.3、Yarn的基本使用

?Yarn基本使用:

?

2.4、Yarn的优点

Yarn的优点:?

  • yarn的速度快
  • 安装的版本是统一的
  • 输出更加的简洁
  • 多注册的来源处理
  • 更好的语义化?


总结

? ? ? ? 今天又是一篇满满 的干货,无论是npm还是Yarn看自己的需求情况来进行选择!今天的分享小编就分享到这里了。不足之处欢迎各位大佬评论补充!

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-08 22:20:01  更:2022-03-08 22:21:35 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:38:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码