yarn npm 使用的正确姿势

一个跟npm一样的包管理工具

Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。

这一点也是我喜欢的一点,下载非常稳,不存在丢包情况

安装

假设你已经装过Node

重置缓存位置

如果你windows用户, 你会发现为什么系统盘会越来越大,时间长怎么办,删除模块 重装系统?不

npm

npm cache clean --force //清除缓存
//修改全局模块位置
npm list -g --depth 0 // 查看npm全局模块
npm config set prefix "D:\Program Files\nodejs\node_modules\npmData" //必须字符串    
npm list -g --depth 0 // 在查看npm全局模块

//以前的模块可以直接删掉
//修改缓存位置
npm config get cache //查看缓存位置
npm config set cache "D:\Program Files\nodejs\node_modules\npmData"
npm config get cache //查看缓存位置

// 注意 需要设置目录系统环境变量
// 将这个路径添加 系统Path D:\Program Files\nodejs\node_modules\npmData

yarn

安装 yarn

npm i yarn -g  // 使用命令行安装
yarn --version   // 成功出现版本号

操作,基本与上面一致

yarn cache clean //清除历史缓存


// 全局模块安装位置修改
yarn global dir //查看
yarn config  set global-folder D:\yarnDataglobal //自动创建文件夹
yarn global dir  //检查目录位置



//修改缓存位置
yarn cache dir   //显示yarn显示位置
yarn config set cache-folder D:\yarnDataglobal 
yarn cache dir //在输出一下目录 看看缓存位置


// 注意 需要设置目录系统环境变量,注意是bin 目录否则无法找到模块
// 将这个路径添加 系统环境 Path D:\yarnDataglobal\node_modules\.bin

源管理工具

切换淘宝镜像源

yarn global add nrm // 全局安装

nrm ls // 查看当前使用源
nrm use npm // 切换当前使用源
nrm add 源名称xxx 源连接http://npm.company.com/  // 增加源
nrm del <registry> // 删除源
nrm test // 测试速度
nrm home taobao // 打开源主页

测试

// yarn
yarn global add webpack@3.6.0 // 下载测试 ,会自动创建bin目录
webpack --help  

// npm
npm i supervisor -g  
supervisor --help

// 出现版本号 success

常见错误

无法将“全局模块”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

window键>设置>更新与安全>开发者选项> PowerSell 允许本地执行未签名脚本>点击引用

或者

检查是否设置全局环境变量

基本使用

dependencies 生产环境 yarn add xxx 默认保存到 生产依赖

devDependencies 开发环境 yarn add xxx –dev 保存到开发依赖

如果位置错误需要删除在进行下载,更换位置

下载命令

根据package.json下载, yarn install ->npm install

下载单个模块 yarn add jquery@1.11.3 ->npm i jquery@1.11.3

全局安装 yarn global add xxx -> npm i xxxx -g 先写global add 固定写法

删除模块||删除全局模块 yarn remove packageName ||yarn global remove create-react-app||

npm uninstall create-react-app -g 删除模块使用 npm不要用cnpm

安装完全局模块需要重启

默认安装环境

默认安装生产环境 依赖 dependencies

安装生产环境依赖 yarn add jquery –save

安装到开发环境依赖 yarn add jquery –dev –save-dev

模块更新 yarn upgrade [packageName]

快速删除node_modules

npm install rimraf -g 
rimraf node_modules
//升级到最高版本
npm install vue-loader@latest --save-dev