刚接手一个新项目,同事甩来一句:‘记得用 Yarn 跑一下依赖’。你打开终端,输入 yarn install,结果提示命令未找到——这场景是不是很熟悉?别急,这就是我们今天要解决的问题:如何正确配置 Yarn 开发环境。
什么是 Yarn?为什么选它?
Yarn 是 Facebook 推出的 JavaScript 包管理工具,相比 npm,它的优势在于速度快、依赖锁定更稳定、离线安装支持更好。尤其在团队协作中,yarn.lock 文件能确保每个人安装的依赖版本完全一致,避免“我本地好好的”这类问题。
安装 Node.js 和 npm
Yarn 依赖 Node.js 环境。先去官网下载 LTS 版本的 Node.js,安装完成后在终端执行:
node -v
npm -v
如果返回版本号,说明基础环境已经就位。
安装 Yarn
推荐使用 npm 全局安装 Yarn(当然也有其他方式,比如通过核心包管理器):
npm install -g yarn
安装完成后,检查是否成功:
yarn -v
看到版本号输出,说明 Yarn 已经可以正常使用了。
初始化项目并安装依赖
进入你的项目目录,如果没有 package.json,先初始化:
yarn init -y
然后安装项目所需依赖,比如常用的 React:
yarn add react react-dom
开发依赖则用 add -D:
yarn add -D webpack babel-loader
常用命令速查
日常开发中,这几个命令用得最多:
yarn start:启动开发服务器yarn build:打包生产代码yarn test:运行测试yarn upgrade:更新依赖yarn remove <package>:卸载包
配置国内镜像加速
默认源在国外,安装慢得像蜗牛。换成淘宝镜像,速度立竿见影:
yarn config set registry https://registry.npmmirror.com
以后每次安装都从国内拉取,再也不用干等着了。
多设备同步开发的小技巧
你在公司配好环境,回家想继续写代码。只要项目里有 yarn.lock 和 package.json,在家执行 yarn install,所有依赖原样还原,连版本都分毫不差。这种确定性,是团队协作的定心丸。
遇到问题怎么办?
如果某次安装报错,先试试清除缓存:
yarn cache clean
再重新安装。有时候全局配置出问题,可以用下面命令查看当前设置:
yarn config list
确认 registry 是否正确,是否有代理干扰。