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

となります。

スポンサードリンク

関連コンテンツ

オススメ記事

JavaScriptでRPGを作ろう!スマホにも対応したゲームの作り方

みなさんこんにちは。今日も楽しくプログラミングを学んでいきましょう! これまでの講座《こうざ》で、JavaScript《ジャバスクリプト》によるゲーム開発《かいはつ》の方法が、なんとなくでも分

【Mac】ローカルにWebサーバを立ち上げる超簡単な方法!

JavaScriptを使ってWebページなどの開発をしていると、Google ChromeやSafariなどのブラウザでうまく開けない場合が稀にあります。 そんな時、ローカルにWebサーバを立ち上げ

小学校プログラミング必修化。どんなことを学べばいいの?

2020年からのプログラミング必修化において、お子さんのいる方は、「いったいどんなことを学べばいいんだろう?」、「プログラミングなんてまったく分からないのに、どうやって教えてあげればいいんだろう……

【Unity】開発したiOSゲームをiPhoneで実機テストする方法

こんにちは。現在、最新ゲーム熱意製作中の@It_is_Rです。個人での開発はとても大変で、時間がかかってしまっていますが、すこしずつ形にしていっています。 さて、今回はUnityで開発したiO

【解決!】Macで「デフォルトシェルはzshになった」と表示されるときの対処法

MacOSをアップデートしてから、ターミナルを開くたびに、「The default interactive shell is now zsh.」というメッセージが表示されるようになりました。 これは

【 WordPress 】functions.php で色んな機能を使ってみよう!【基本】

馬鹿は風邪を引かないといいますが、どうやら引いたようです。@It_is_Rです。 ちなみに、「馬鹿は風邪を引かない」ということわざは、「馬鹿は風邪を引いても気がつかない」という例えだって知ってました

Local by Flywheel

Local by Flywheelの使い方。かんたんWordPressローカル環境構築方法

考え事をしていると、目が上にいっている@It_is_Rです。 Local by FlywheelはWordPressのローカル開発環境を簡単に作れるツールです。 今回はこれを使って、ローカルに

Node.js

MacにNode.jsをインストールする方法

みなさんこんにちは。@It_is_Rです。今回はMacにNode.jsをインストールする方法を紹介していきます。 インストールの方法はいくつかありますが、今回はインストーラー(pkg)を使った

【Android Studio】じゃんけんゲームの作り方(アプリ開発の基本)

限りなくじゃんけんが弱い@It_is_Rです。 Androidアプリ開発、11回目となりました。 そろそろ何かアプリを作ってみたいですよね。基本は大事ですが、一番つまらないですね。 そこで今回は、

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

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

コメントを残す(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。