Yarnのインストールと設定(Yarnの使い方がわかる)

Yarnとは

YarnはFacebookが開発した高速で信頼性が高く安全なJavaScriptパッケージマネージャです。ここではインストール方法、設定方法、そして基本的な使い方について詳しく説明します。

1. Yarnのインストール

1.1 npmを使ってインストール

npmがすでにインストールされている場合は、以下のコマンドでYarnをグローバルにインストールできます:

npm install -g yarn

1.2 インストールスクリプトを使う

Yarn公式が提供するインストールスクリプトを使ってインストールすることもできます:

curl -o- -L https://yarnpkg.com/install.sh | bash

1.3 パッケージマネージャを使う

OSに合わせたパッケージマネージャを使ってインストールできます。

macOS(Homebrew)

brew install yarn

Ubuntu/Debian

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -<br>echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list<br>sudo apt update && sudo apt install yarn

CentOS/RHEL

curl -sL https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo<br>sudo yum install yarn

2. Yarnの設定

2.1 レジストリの変更

中国国内で使用する場合は、ダウンロード速度向上のためレジストリを淘宝に変更できます:

yarn config set registry https://registry.npmmirror.com

2.2 キャッシュパスの設定

キャッシュの保存先を任意のディレクトリに変更できます:

yarn config set cache-folder /your/custom/cache/path

3. Yarnの基本的な使い方

3.1 プロジェクトの初期化

新しいプロジェクトディレクトリで以下のコマンドを実行して、package.jsonを作成します:

yarn init

3.2 依存パッケージのインストール

すべての依存をインストール

yarn install

特定のパッケージをインストール

yarn add package-name

開発用の依存にインストール:

yarn add package-name --dev

特定バージョンをインストール:

yarn add package-name@1.0.0

グローバルにインストール

yarn global add package-name

3.3 依存パッケージの削除

yarn remove package-name

3.4 依存パッケージのアップグレード

yarn upgrade

特定のパッケージをアップグレード:

yarn upgrade package-name

3.5 スクリプトの実行

package.jsonにスクリプトを定義:

{
  "scripts": {
    "start": "node app.js",
    "test": "jest"
  }
}

定義したスクリプトを実行:

yarn start<br>yarn test

3.6 Yarn Workspacesの利用

複数のパッケージを管理する場合に便利です。まずルートのpackage.jsonでWorkspacesを有効化:

{
  "private": true,
  "workspaces": ["packages/*"]
}

packagesディレクトリ内に各パッケージを配置し、それぞれにpackage.jsonを持たせます。その後、ルートディレクトリで以下のコマンドを実行:

yarn install

4. 便利なコマンド一覧

  • yarn init:新しいpackage.jsonを作成
  • yarn install:すべての依存をインストール
  • yarn add <package>:依存を追加
  • yarn remove <package>:依存を削除
  • yarn upgrade:依存をすべてアップグレード
  • yarn run <script>:スクリプトを実行
  • yarn global add <package>:グローバルにインストール

タグ: YaRN package-manager npm javascript nodejs

8月3日 10:15 投稿