npm与yarn

发布时间 2023-08-17 15:26:19作者: 丶乔

早期npm速度慢,因为yarn有缓存机制、为并行安装,npm为串行安装。yarn带有版本锁定。2018年npm6发布后npm和yarn的构建时间不再有显差异。

1.npm公共包

1)注册创建账号

2) 打包好需要发布的内容

3) 切换下载源为npm官方源

4) nrm use npm

5) 登录 npm login

6) 发布 npm publish --access=public

2.npm||yarn配置淘宝镜像

npm config get registry //查看下载源

npm config set registry https://registry.npm.taobao.org/ //更改下载源

yarn config get registry //查看下载源

yarn config set registry https://registry.npm.taobao.org //更改下载源

还原下载源

npm config set registry https://registry.npmjs.org/

3.yarn的使用

https://yarn.bootcss.com/ 中文文档地址

1)安装 npm i yarn -g

2) 本地配置环境变量

	电脑【计算机】 -》右键属性 -》高级系统设置 -》 环境变量 -》 path

  注意: 如果是window7 请在最后的位置 添加英文分号,放在最后

  // 至少使用yarn全局安装过一个东西  才能配置
  yarn global add gulp
  
  // 找到yarn里的bin文件目录(电脑设置显示隐藏文件夹才能找到)  粘贴到 path里面 
  C:\Users\Administrator\AppData\Local\Yarn\bin

3)yarn常用命令

yarn init --------------  创建package.json文件
yarn add 模块名      -------------   npm i 模块名
yarn add 模块名 -D   -------------   npm i 模块名 -D
yarn add 模块名@版本号   -------------- npm i 模块名@版本号
yarn global add 模块名   ------------  npm i 模块名 -g
yarn remove 模块名   ---------------------npm remove 模块名
yarn 或者yarn install --------------------npm i  安装项目全部依赖

4.如果安装依赖sass时报错,需重新配置sass下载源

 yarn config set sass-binary-site https://npm.taobao.org/mirrors/node-sass

 npm config set  sass-binary-site https://npm.taobao.org/mirrors/node-sass

5.cross-env 环境配置

  1. 在开发环境、测试环境和生产环境中我们会用到不一样的接口
  2. 在生产环境出现了出现了某个bug,但是在测试环境不存在,这时候就需要开发环境访问生产环境的接口
  3. 多端一体的项目模式

这些情况都要手动去切换接口地址,这样会很麻烦,有时还可能出现操作失误。这时候就需要用到cross-env进行分环境配置了,根据不同的环境,我们使用对应的接口,这样也就不用手动去操作


cross-env 也可以理解为一个 npm的插件,他可以处理 windows 和其他 unix 系统在设置环境变量的写法上不一致的问题。

安装: npm install --save-dev cross-env

npm 地址:

https://www.npmjs.com/package/cross

6.prettier格式化工具 命令控制

7.依赖分析

 "report": "vue-cli-service build --report",