開発環境構築

チーム内で新しいメンバーに開発環境の構築から初めてもらうことが多いので、メモにしました。ある程度わかる人はググりつつ公式の記事を読みつつ進めていく方がいいのかなと思いますが、開発を始めたばかりで難しい人向けに備忘録として残しています。

こちらの記事では下記について紹介します。

コードエディタであるvscodeをインストールしていきます。今回セットアップしようとしているnodejsでコードを書く場合にはvscodeを使用することが多いです。

こちらのvscodeのページにアクセスします。

こちらのダウンロードをクリックして

Mac用のvscodeのダウンロードをします。

ダウンロードしたvscodeを起動できたらOKです。

vscodeを起動すると、開発者になったような気がしてきますね！

ここからの操作はターミナル上で行うのですが、vscodeからターミナルを起動することもできるので、こちらで操作を行なっていきます。

こちらからnew terminalでターミナルを開き

このようにターミナルにアクセスできたらOKです！

パッケージ管理ツールのhomebrewをインストールしていきます、今回セットアップするnodejsは直接インストールすることもできるのですが、homebrewのようなパッケージ管理ツールからインストールする方が管理がしやすくて良いのでは、と思っています。

下記を実行します。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

下記の実行が終わったタイミングでメッセージをよく見ると、次にこのコマンドを実行してください、と指示されることがあるのでその通りに実行します。

これでhomebrewの準備は完了です。

nodejsのバージョン管理ツールであるnvmをインストールしていきます。nodejsにはさまざまなバージョンがあり、nvmを使用すると、バージョンの管理がやりやすいです。

ターミナルで下記を実行します。

brew install nvm

こちらもbrewと同様インストール後のメッセージをよく見ると、次にこのコマンドを実行してください、と指示されることがあるのでその通りに実行します。

これでnvmの準備は完了です。

nodejsにはさまざまなバージョンがあります。チームやプロジェクトによって使用するnodejsのバージョンが異なるので、可能であれば先に確認しておくといいと思います。ざっくり奇数は開発版、偶数は安定版なので、初めての場合特に指定がない場合は偶数を選ぶのがいいのではと思います

バージョンの状況についてはこちらに詳細があります。

どのバージョンを選べばよくわからない場合は、偶数のltsを指定してinstallしましょう。

nvm install --lts

僕の環境では下記のようにnode v16.13.2がインストールされました。

nodeをinstallするとnpmというnodejsのパッケージ管理ツールもセットでついてくるのですが、僕のチームではyarnを使うことが多いのでyarnもセットアップしてきます。

下記でyarnをインストールします。

npm i -g yarn

これでセットアップは完了です！お疲れ様でした！