npm，umi，yarn

npm 是什么?
npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。它是世界上最大的软件注册表，每星期大约有 30 亿次的下载量，包含超过 600000 个包（package）（即，代码模块）。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。

升级npm

sudo npm install -g npm

安装引入包，进入目录下

npm install

会多出一个node_modules文件夹，加入到git忽略列表中

打包

是别名npm build，除非你在package.json文件中指定了什么"build"，否则它什么也不做。它可以让你在项目中使用之前为你的项目执行任何必要的构建/准备任务。

npm run build

开始

npm start 运行"开始"脚本

npm start

安装umi

sudo npm install -g umi

安装yarn

npm install -g yarn

查看版本

yarn --version

原来是这么玩

git clone xxx
npm install
npm run dev

现在是这么玩

git clone xxx
yarn
yarn start

Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。

Yarn的优点

速度快
版本统一
简洁的输出
更好的语义化

Yarn和npm命令对比

npm	yarn
npm install	yarn
npm install react --save	yarn add react
npm uninstall react --save	yarn remove react
npm install react --save-dev	yarn add react --dev
npm update --save	yarn upgrade
npm start	yarn start
npm run build	yarn build

转载于:https://www.cnblogs.com/jiqing9006/p/11168696.html

npm，umi，yarn相关推荐

ant design pro模板_Ant Design Pro入门教程，安装，运行（V5 Typescript版）
[前言] 找了很多Admin模板,最后还是看中了AntDesignPro这个阿里巴巴开源的Admin框架,长这样(还行吧,目前挺主流的): 该套模板是使用了React开发框架作为基础,AntDesig ...
使用npm下载包，报错 error An unexpected error occurred: “EPERM: operation not permitted
先用了 npm Install 安装相关依赖,后用 yarn 方式来安装依赖,在用yarn安装的时候遇到下图报错信息方式一首次使用 npm 安装依赖报错的问题,造成 yarn 访问依赖文件夹出错, ...
解决 cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。
全局添加cnpm命令行: npm install -g cnpm --registry=https://registry.npm.taobao.org 问题描述: 全局添加cnpm命令行: npm i ...
2023年高频前端面试项目考点（npm，git，webpack，TS4，sass，瀑布流，懒加载）
合集:2023年最全前端面试题考点HTML5+CSS3+JS+Vue3+React18+八股文+手写+项目+笔试_参宿7的博客-CSDN博客 *表示回顾基础知识项目为二面三面,面试官基本就是照着简历 ...
5种共享代码的实用方法：从NPM到Lerna，Git子模块和位
在多个存储库,monorepos和微服务之间,关于在项目之间共享通用代码的讨论越来越激烈. 在项目和存储库之间共享通用代码是更好的模块化和更快的开发的关键因素,但是它也很复杂 . 我之前已经写过有关它 ...
npm install 时，卡住不动，五种解决方法
运行npm install 时,卡住不动,五种解决方法检查网络设置,删除node_modules重新npm install 配置npm代理 // 配置nmp代理来提高速度,如设置淘宝镜像 npm c ...
npm，cnpm，yarm和pnmp的简介与使用
npm nodejs 的包管理工具(插件/包增删改查) npm 包的下载器(默认是从国外更改安装源 npm config set registry https://registry.npm.taob ...
mac 安装 nvm ，node，npm，yarm
先说一下nvm,node,npm之间的区别吧. 1. nvm的官方叫法:nodejs版本管理工具. nvm相当于是家长,一个家长可以管理多个孩子.也就是说:一个nvm可以管理很多node版本和npm ...
前端npm 安装包，精选大全集合
如果您曾在 Node 或 JavaScript 前端开发中投入过时间和精力,那么您就知道 npm 中有数以十万计的模块可供您选择开发者不停的寻求帮助/抱怨: "对模块的选择困难正在蚕食我们 ...