🐥

MacOS Catalina に GatsbyJS のインストール

2020/10/14に公開

Command Line Tools for Xcode をコマンドでインストールできない場合や、導入前にエラーになる方の為に。備忘録としても記事にまとめています。

Xcode のインストール

Command Line Tools for Xcode をインストールする為や、MacOS に開発環境の各リソースを設定してくれますので App Store からアプリケーションのインストールを行います。

以前は xcode-select --install でインストールができましたが、macOS Catalinaなどの現在のOSバージョンでは異なる方法でインストールする必要があります。

Xcode を起動し、メニューから[Xcode] > [Open Developer Tool] > [More Developer Tool...]を選択し、Apple Developer のページより Command Line Tools for Xcode をダウンロードします。

ダウンロードした Command Line Tools for Xcode をインストールしてください。

Homebrew や Node.js 公式サイトからのインストールなど、各自のやりやすい方法で Node.js をインストールしてください。

node -v や npm -v が実行できれば問題ありません。

すぐにGatsbyJSのインストールを行うとエラーとなる場合があります。
その場合は、GatsbyJS のインストールをする前に npm config を更新すれば解決することが多いです。

npm config delete prefix
npm config set prefix /usr/local

をコマンド実行してください。

npxコマンドは使用しません。

npm install --global gatsby-cli
をコマンド実行します。

zenn で GatsbyJS を詳しく説明されています。しかし、環境を作れないという方もいくつか聞きました。この記事が、そういった方々の参考になれば幸いです。