1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. パッケージマネージャー
  6. »
  7. Yarn の使い方。インストールの方法から使い方まで解説します。

Yarn の使い方。インストールの方法から使い方まで解説します。

最近ドラクエにはまっている@It_is_Rです。PS1 のやつです。ドラクエⅦ。

関係ない話はさておき、今回は Yarn の使い方を解説していきたいと思います。

目次
  1. Yarn とは
  2. Yarn をインストールする
  3. Yarn のバージョンを確認する
  4. package.json ファイルの作成(新しいプロジェクト開始)
  5. パッケージをインストールする
  6. パッケージのアップグレード
  7. パッケージをアンインストールする

Yarn とは

Yarn
Yarn

Yarn は JavaScript のパッケージマネージャです。 Facebook が、Exponent、Google、Tilde とコラボして公開しています。

Yarn をインストールする

では、早速インストールしていきましょう。
今回は Homebrew を使った方法を紹介します。
Homebrew を使ったことがない場合は Homebrewを使いこなせ!Macへのインストールや使い方。 をご覧ください。

インストールは下のコマンドをターミナルに入力します。

$ brew install yarn

Yarn のバージョンを確認する

Yarn のバージョンは、以下のコマンドで確認することができます。

$ yarn --version
1.2.1

もしくは

$ yarn -v
1.2.1

package.json ファイルの作成(新しいプロジェクト開始)

新しいプロジェクトを開始する場合は、 package.json ファイルを作成します。
package.json ファイルは、以下のコマンドで作成できます。

$ yarn init

必要な情報を入力します。(何も入力せずに、 Enter を押してしまっても構いません)

パッケージをインストールする

では、パッケージをインストールする方法を紹介します。

$ yarn add パッケージ名

例えば Bootstrap をインストールしたい場合は

$ yarn add bootstrap

となります。

パッケージのバージョンを指定する

パッケージのバージョンを指定したい場合は @ の後にバージョンを入力します。

$ yarn add パッケージ名@バージョン

例えば Bootstrap の 4.0.0-beta をインストールしたい場合は

$ yarn add bootstrap@v4.0.0-beta

となります。

依存関係

パッケージのインストールには、依存関係を示すオプションが使えます。

$ yarn add パッケージ名
$ yarn add パッケージ名 --dev
$ yarn add パッケージ名 --peer
$ yarn add パッケージ名 --optional

上記コマンドで、 package.json ファイルのそれぞれ
dependencies
devDependencies
peerDependencies
optionalDependencies
に登録されます。

package.json からインストールする

今までと環境が変わったなどの場合には、 package.json からパッケージをインストールすることができます。
cd コマンドで package.json と同じ階層へ移動し、以下のコマンドを実行します。

$ yarn install

もしくは

$ yarn

パッケージのアップグレード

upgradeコマンドで、パッケージをアップグレードすることができます。

$ yarn upgrade パッケージ名

また、バージョンを指定することもできます。

$ yarn upgrade パッケージ名@バージョン

例えば Bootstrap の 4.0.0-beta にアップグレードしたい場合は

$ yarn upgrade bootstrap@v4.0.0-beta

です。

パッケージをアンインストールする

以下のコマンドでパッケージをアンインストールできます。

$ yarn remove パッケージ名

例えば Bootstrap をアンインストールしたい場合

$ yarn remove bootstrap

となります。

スポンサードリンク

関連コンテンツ

オススメ記事

java

Javaのクラスとメソッドの違いとは?ゲーム風に解説。

この頃小説を読んでいなく、何か読みたいなと思っている@It_is_Rです。 Javaを勉強し始めたばかりの人は、何やら難しい単語に混乱する人も多いでしょう。その中で、クラスとメソッドって一体何が

zplug を使ってプラグインをインストール、管理する。

二つのことを同時にできない、@It_is_Rです。 今回はターミナルをかっこよくするシリーズ、第三回目です。 zplug を使って、プラグインをインストールする方法を紹介します。

wordpress

WordPress – デフォルトで用意されたショートコード一覧と使い方。

昔は WordPress の画面が真っ白になって、頭も真っ白になったこともありました。@It_is_Rです。 WordPress では、プラグインを使ったりしない限り、投稿記事のなかで php

画像を表示するよ

JavaScriptで画像を表示してみよう! 小学生からのプログラミング入門

みなさんこんにちは。今日もプログラミングの勉強をはじめていきましょう。 前回、「JavaScriptで今月の残り日数を計算してみよう! 小学生からのプログラミング入門」では、JavaScrip

Bootstrap 4 を読み込む為の方法を徹底解説。パッケージマネージャーなど。

今回は Bootstrap 4 の使い方です。It_is_Rです。 では詳しくみていきましょう。 Bootstrap とは Bootstrap は Webサイトを制作するときに使う、

Bootstrap 4によるボタンの作り方。色やサイズなどの指定方法!

Bootstrap4の使い方、第5回目となりました。 Bootstrapの機能のひとつとして、クラスを組み合わせて指定するだけで、色々なボタンが作れます。 今回はBootstrap4を使ったボ

【Mac】Gitのダウンロードとインストールの手順

いらないファイルは残っているのに、欲しいファイルに限って見つからない@It_is_Rです。 前回「GitHubのアカウントを作成する方法」では、GitHubのアカウントを作成する方法を紹介しま

VCCW

VCCW で、超簡単に WordPress のローカル開発環境を整える方法。

考えすぎて間違った方向へ進む、@It_is_Rです。 WordPress のローカル開発環境を作りたい時、 VCCW を使うと便利です。 今回は、 その方法を紹介します。 VCC

fish shell

Fish shellの使い方。プラグインなしでもここまで可愛くできる!

先日、Macをフォーマットしたため、今まで構築したきた開発環境が消えました。 といっても、バックアップはとってあるので戻すことはできるのですが、せっかく綺麗に全部消えたので、もう一度作り直そうかな、

Homebrew

Homebrewの使い方。よく使うコマンド一覧と詳しい解説まとめ

※追記 この記事は2018/04/30に最新の情報に書き直しました。 人生をもう一度やり直したいとつくづく思う@It_is_Rです。 今回はHomebrewについての記事を書いて

コメントをどうぞ!(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です