Yarnは、Facebookオープンソースプロジェクトの1つであるnpmの直接の競合相手であるJavaScriptパッケージマネージャーです。
糸の紹介
毛糸はJavaScriptパッケージマネージャー、の直接の競争相手npm、そしてそれはFacebookオープンソースプロジェクトの1つです。
それはnpmパッケージと互換性があります、したがって、npmのドロップイン代替品であるという大きな利点があります。
それが起動したとき、それは以前よりもはるかに高速でしたnpm
ダウンロードとキャッシュが並行しているためですが、現在はnpm
その機能の多くに追いつき、今では私がお勧めするソリューションです。
ツールは最終的に、関連性を維持するために同じレベルに維持する一連の機能に収束するため、将来的にはnpmでそれらの機能が表示される可能性があります。
Yarnをインストールします
Yarnをインストールできますがnpm((npm install -g yarn
)、Yarnチームは推奨していません。
システム固有のインストール方法は、次の場所にリストされています。https://yarnpkg.com/en/docs/install。たとえばmacOSでは次のことができます自作実行します
brew install yarn
ただし、すべてのオペレーティングシステムには、プロセスを非常にスムーズにする独自のパッケージマネージャーがあります。
結局、あなたはyarn
シェルで使用可能なコマンド:
パッケージの管理
Yarnは、その依存関係をという名前のファイルに書き込みますpackage.json
、プロジェクトのルートフォルダにあり、依存関係ファイルをに保存しますnode_modules
フォルダ、と同じようにnpm過去に使用した場合。
新しいプロジェクトを初期化する
yarn init
プロジェクトをすばやく開始するのに役立つインタラクティブなプロンプトを開始します。
既存のプロジェクトの依存関係をインストールします
すでにお持ちの場合package.json
依存関係のリストを含むファイルですが、パッケージはまだインストールされていません。
yarn
または
yarn install
インストールプロセスを開始します。
パッケージをローカルにインストールする
プロジェクトへのパッケージのインストールは、
yarn add package-name
パッケージをグローバルにインストールする
yarn global add package-name
開発の依存関係としてパッケージをローカルにインストールする
yarn add --dev package-name
と同等
--save-dev
npmのフラグ
パッケージを削除します
yarn remove package-name
ライセンスの検査
多くの依存関係をインストールする場合、つまり多くの依存関係がある場合は、いくつかのパッケージをインストールしますが、それらが使用するライセンスについては何もわかりません。
Yarnは、依存関係のライセンスを印刷する便利なツールを提供します。
yarn licenses ls
また、以下を含む免責事項を自動的に生成することもできますすべて使用するプロジェクトのライセンス:
yarn licenses generate-disclaimer
依存関係の検査
あなたは今までにチェックしますかnode_modules
フォルダと特定のパッケージがインストールされた理由を疑問に思いますか?yarn why
あなたに言う:
yarn why package-name
パッケージのアップグレード
単一のパッケージをアップグレードする場合は、
yarn upgrade package-name
すべてのパッケージをアップグレードするには、
yarn upgrade
ただし、メジャーバージョンの変更を気にせずにすべての依存関係を盲目的にアップグレードしているため、このコマンドは問題を引き起こす可能性があります。
Yarnには、プロジェクト内のパッケージを選択的に更新するための優れたツールがあります。これは、このシナリオに非常に役立ちます。
yarn upgrade-interactive
糸をアップグレードする方法
執筆時点では、自動更新コマンドはありません。
使用した場合brew
上記のようにインストールするには、次を使用します。
brew upgrade yarn
代わりにnpmを使用してインストールした場合は、以下を使用してください。
npm uninstall yarn -g
npm install yarn -g
その他のdevtoolsチュートリアル:
- ヨーマン入門
- ブラウザパッケージマネージャーのBower
- フロントエンドテストの概要
- node-webkitを使用してデスクトップアプリを作成する
- VS Code:言語固有の設定を使用する
- Webpackの紹介
- バベルへの短くて簡単なガイド
- 糸の紹介
- ブラウザDevToolsの概要
- Prettierでコードをフォーマットする
- ESLintでコードをクリーンに保つ
- クールなChromeDevToolsのヒントとコツのリスト
- Jestを使用したJavaScriptのテスト
- VisualStudioCodeの使用方法
- 電子入門
- パーセル、よりシンプルなウェブパック
- HTMLのEmmetリファレンス
- V8JavaScriptエンジン
- VSCodeの構成
- macOSコマンドラインの設定
- ESLintルールを無効にする方法
- コマンドラインからVSCodeを開く方法
- Electronでホットリロードを設定する方法