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

となります。

スポンサードリンク

関連コンテンツ

オススメ記事

【Android Studio】TextView を使ってテキストを変更、追加する方法。

TextViewの文字列を変更するより、これまでの人生を変更したい@It_is_Rです。 Android Studioを使ったアプリ開発講座6回目です。 今回はアプリに表示されたテキストを変更

【Android Studio】Button(ボタン)を作る基本中の基本。

ボタンを作る基本中の基本ですが、ボタンを作ること自体が基本中の基本です。@It_is_Rです。 タイトルなんてどうだっていいんです。肝心のなのは真心です。 Androidアプリ開発、7回目とな

迷路やRPGで使えるマップを作ってみよ!

小学生からのJavaScript。迷路やRPGで使えるマップを作ってみよう!

小学生からのプログラミング講座(こうざ)、第10弾です。 前回はHTML5とCanvasを使って、キャラクターがキーボードの入力(にゅうりょく)で移動(いどう)するところまで、紹介(しょうかい)

Dockerでよく使うコマンドとオプション、その使い方を徹底解説!

人生に意味は求めない。それよりもDockerのコマンドの意味を理解する方が重要です。@It_is_Rです。 Dockerにはたくさんのコマンドがありますが、まずはよく使うコマンドを覚えていきまし

キー入力で文字を切り替えるべ

JavaScript|ノベルゲーム風にキー入力で文字を切り替える方法!

小学生からのJavaScript講座です。 前回、文字を一文字づつ表示させる方法と改行の方法を紹介しました。 今回はこのプログラムに、キー入力によって文字を切り替えられる機能をつけてみましょう

【Android Studio】新規プロジェクトを作成する方法。

インスタント焼きそばを作ろうとすると、なぜか焼うどんになります。 @It_is_R です。 しかも、ラーメン作ろうと思うと焼きそばができあがります。 前回、 Android Studio のイ

gulp

gulp4完全攻略ガイド。インストールから使い方まで徹底解説!

幸せそうな人を見ると、転べって思います。@It_is_Rです。 Webページを制作するとき、sassをcssに変換して使用することが多いと思います。 今回はgulp4の使い方を、インストールか

ファイルを分けるべよ!

小学生からのJavaScript入門。ファイルを分けて管理してみよう!

小学生からのJavaScript入門講座(にゅうもんこうざ)、第5弾です。 前回はりこちゃんを方向キーで操作(そうさ)することができるようになりました。 しかしプログラムを作ってくと、コンピュ

今月の残り日数を計算するべ!

小学生からのJavaScript入門。今月の残り日数を計算してみよう!

小学生からのJavaScript入門、第2弾です。 今回はJavaScriptでの演算(えんざん)の方法を学び、今月の残り日数を計算してみましょう。 演算というのは、足したり、引いたり、割った

scratch

小学生から始めるScratch入門。使い方とゲーム開発の基礎知識

小学生から始めるプログラミング入門です。 前回の記事で、プログラミングってどういうものなのか何となく理解してもらえたでしょうか? 少しだけScratch(スクラッチ)についてもふれましたが、ま

コメントをどうぞ!

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