「Yarnをインストールしたい...」
今回は上記の悩みにお答えします。
Yarnはインストール方法がいくつもあって混乱しがちです。
この記事では、簡単で確実にサクっとYarnをインストールする手順を解説します。
MacとWindows両対応で解説しておりますので、ご自身のOS に合わせて進めてください。
記事の内容は以下となっております。
Node.jsをインストールする
MacでYarnをインストールする
WindowsでYarnをインストールする
Node.jsをインストールする
Yarnをインストールするには、「Node.js」をインストールしないといけません。
まず、Node.jsがご自分のパソコンにインストールされているか確認してみましょう。
Macの方はターミナル、Windowsの方はコマンドプロンプトを起動して以下のコマンドを実行してください。
$ node -v
バージョンが表示されない場合は、Node.jsをインストールしましょう。
MacでNode.jsをインストールする
Macの方は、以下の記事を参考にされてください。
![【Mac向け】nvmでNode.jsをインストールする方法](https://images.ctfassets.net/o1bgnefm7hbe/61mmdepFV1mMi4FEB5i7ce/e3bc53ac32eb3f2d9891fa2d713555ca/install_nvm_eyecatch.png?w=260&h=146&q=50&fm=png)
WindowsでNode.jsをインストールする
Windwosの方は、公式サイトからセットアップファイルをダウンロードしてNode.jsをインストールしてください。
「推奨バージョン」をインストールすれば大丈夫です。
MacでYarnをインストールする
Yarnの公式サイトにアクセスします。
![Yarn公式サイトのトップページで「INSTALL YARN」をクリック](https://images.ctfassets.net/o1bgnefm7hbe/2n7fcCDtJV40KKXdj1AbS5/4db18333cf031b48d97819092fefe0e5/install_yarn_on_mac_and_windows_images.001.png?w=760&h=570&q=50&fm=png)
「INSTALL YARN」をクリックします。
![Yarnをインストールするためのコードをターミナルで実行する](https://images.ctfassets.net/o1bgnefm7hbe/BNxbDLZAbQ8faeEVLteGL/97de4940ae4cb526312a95d73702e024/install_yarn_on_mac_and_windows_images.008.png?w=760&h=570&q=50&fm=png)
開いたページをスクロールすると、「Alternatives」と書かれたところがあります。
そこの「Click to expand / collapse」をクリックします。
OSは「macOS」を選択してください。
下の方に「Installation Script」と書かれた部分があり、コードが載っていますよね。
上記の画像を参考にしてください。
そのコードをターミナルで実行しましょう。
念のため、下記にもコードを載せておきます。
$ curl -o--L https://yarnpkg.com/install.sh | bash
これでYarnがインストールされます。
インストールされたか、確認してみましょう。
$ yarn -v
ターミナルで上記のコードを実行して、バージョンが表示されれば大丈夫です。
WindowsでYarnをインストールする
Yarnの公式サイトにアクセスします。
![Yarn公式サイトのトップページで「INSTALL YARN」をクリック](https://images.ctfassets.net/o1bgnefm7hbe/2n7fcCDtJV40KKXdj1AbS5/4db18333cf031b48d97819092fefe0e5/install_yarn_on_mac_and_windows_images.001.png?w=760&h=570&q=50&fm=png)
「INSTALL YARN」をクリックします。
![WindowsでYarnをインストールするためのインストーラーをダウンロード](https://images.ctfassets.net/o1bgnefm7hbe/10xWCJfQK3qS12JZla6QOr/799748c9c4edbcf2ccee128d418be2ec/install_yarn_on_mac_and_windows_images.002.png?w=760&h=570&q=50&fm=png)
開いたページをスクロールすると、「Alternatives」と書かれたところがあります。
そこの「Click to expand / collapse」をクリックします。
OSは「Windows」を選択してください。
下の方にある「Download Installer」をクリックします。
そして、ダウンロードされたインストーラーを実行してください。
![Welcome to the Yarn Setup Wizard](https://images.ctfassets.net/o1bgnefm7hbe/7xPbz4W3bK7b7dj5IyCnVD/95df39d83ace0b9e9b63d6492012f36b/install_yarn_on_mac_and_windows_images.003.png?w=760&h=570&q=50&fm=png)
「Next」をクリックします。
![End-User License Agreement](https://images.ctfassets.net/o1bgnefm7hbe/omzMyb1FKojyQhTsq0FUe/580439dcc00a665815941dcd8e363663/install_yarn_on_mac_and_windows_images.004.png?w=760&h=570&q=50&fm=png)
「I accept the terms in the License Agreement」にチェックを入れて、「Next」をクリックします。
![Destination Folder](https://images.ctfassets.net/o1bgnefm7hbe/1KmI69QTAN4ljhNt29qKtD/4d8c29eb6c5d9acfa8a327881f94d5cf/install_yarn_on_mac_and_windows_images.005.png?w=760&h=570&q=50&fm=png)
「Next」をクリックします。
![Ready to install Yarn](https://images.ctfassets.net/o1bgnefm7hbe/2waxILvkh3ZsXoAiTb5mjP/8a1bb066c98e1bcea36bca0edd7bcd58/install_yarn_on_mac_and_windows_images.006.png?w=760&h=570&q=50&fm=png)
「Install」をクリックするとインストールが始まります。
![Completed the Yarn Setup Wizard](https://images.ctfassets.net/o1bgnefm7hbe/1byphyyO8hD9ZLABayx0TS/29f09e83f509eadb44a8366008db8b40/install_yarn_on_mac_and_windows_images.007.png?w=760&h=570&q=50&fm=png)
「Finish」をクリックすれば完了です。
Yarnがインストールされたか確認してみましょう。
コマンドプロンプトに以下のコードを入力して実行してくだ さい。
$ yarn -v
yarnのバージョンが表示されれば、ちゃんとインストールされています。
最後に
MacとWindowsともに、Yarnのインストール方法は複数あります。
この記事では、その中でも簡単でほぼ準備がいらない方法を採用してみました。
まとめると下記です。
Mac:shell scriptを使ってインストールする方法
Windows:インストーラーを使う方法
というわけで記事は以上です。