Foxglove Studio 开发环境依赖安装与yarn介绍

一、依赖项安装

**Dependencies:**

- [Node.js](https://nodejs.org/en/) v14+

- [Yarn](https://yarnpkg.com/getting-started/install) – `npm install -g yarn`

- [Git LFS](https://git-lfs.github.com/)

- [Visual Studio Code](https://code.visualstudio.com/) – Recommended

**Getting started:**

1. Clone repo

1. Run `yarn install`

1. Launch the development environment:

但是在 终端运行yarn install时 出现以下错误

搜索解决方法如下：

使用yarn install时报错:00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: ‘install‘_我不是你撒娇的那个对象的博客-CSDN博客

执行以下命令:
sudo apt remove cmdtest

sudo apt remove yarn

sudo npm install -g yarn

 继续yarn install出现以下错误，提示先安装git lfs 再运行git lfs pull

Ubuntu 系统的git lfs安装方法：

1. curl -s https://packagecloud.io/install/repositories/github/git-lfs/script.deb.sh | sudo bash
2. sudo apt-get install git-lfs
3. git lfs install

在运行yarn install时也可能出现以下问题

ros@ros-desktop:~/Desktop/LAY/Studioo/studio$ yarn install

ENOENT: no such file or directory, stat '/home/ros/Desktop/LAY/Studioo/studio/.yarn/releases/yarn-3.1.0.cjs'

解决方法：

rm ~/.yarnrc 
我这里遇到的问题中yarnrc.yaml路径有点差异，删除指令如下：
rm .yarnrc.yml

删除以上两个配置后，就可以正常yarn install了

 

 

二、Yarn 介绍

Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。你可以通过它使用全世界开发者的代码，或者分享自己的代码。代码通过包(package)(或者称为模块(module))的方式来共享。一个包里包含所有需要共享的代码，以及描述包信息的文件，称为package.json。它的优点是更快、更安全、更可靠。它的主要特性有离线模式、确定性、网络性能、多注册、网络恢复能力、扁平模式以及 Emoji。

三、Yarn 的优点

快速：Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率，因此安装速度更快。

可靠：使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。

安全：在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。

四、Yarn 常用命令

【1】初始化新项目

yarn init

【2】添加依赖包

yarn add [package] // 会自动安装最新版本，会覆盖指定版本号yarn add [package] [package] [package] // 一次性添加多个包yarn add [package]@[version] // 添加指定版本的包yarn add [package]@[tag] // 安装某个tag(比如beta,next或者latest)

【3】将依赖项添加到不同依赖项类别

不指定依赖类型默认安装到dependencies里，你也可以指定依赖类型分别添加到 devDependencies、peerDependencies 和 optionalDependencies

yarn add [package] --dev 或 yarn add [package] -D // 加到 devDependenciesyarn add [package] --peer 或 yarn add [package] -P // 加到 peerDependenciesyarn add [package] --optional 或 yarn add [package] -O // 加到 optionalDependencies

【4】升级依赖包

yarn upgrade [package] // 升级到最新版本yarn upgrade [package]@[version] // 升级到指定版本yarn upgrade [package]@[tag] // 升级到指定tag

【5】移除依赖包

yarn remove [package] // 移除包

【6】安装package.json里的包依赖，并将包及它的所有依赖项保存进yarn.lock

yarn 或 yarn install // 安装所有依赖yarn install --flat // 安装一个包的单一版本yarn install --force // 强制重新下载所有包yarn install --production // 只安装生产环境依赖

【7】发布包

yarn publish

【8】运行脚本

yarn run // 用来执行在 package.json 中 scripts 属性下定义的脚本

【9】显示某个包的信息

yarn info [package] // 可以用来查看某个模块的最新版本信息

【10】缓存

yarn cacheyarn cache list // 列出已缓存的每个包yarn cache dir // 返回全局缓存位置yarn cache clean // 清除缓存