デスクトップに git-training フォルダを作成してください。
- VScode で先ほど作成した git-training フォルダを開いてください。
- Github で先ほど Fork したリポジトリを Clone するための SSH URL をコピーします。
- VScode のターミナルで、
git cloneを実行します。
% git clone [コピーした SSH URL を貼り付け]
- Clone 処理が完了すると、 ys-git-version-alpha のフォルダが作られて、コマンドの結果は画像赤枠のようになっていると思います。
方法はなんでも良いです。
- cd コマンドで切り替える
※ 現在開いているフォルダが git-training と想定
% cd ys-git-version-alpha
- VScode でフォルダを切り替える (推奨)
ファイル > フォルダーを開く から ys-git-version-alpha を選択してください。
ターミナルで ys-git-version-alpha が開かれている状態で、ライブラリをインストールし、node_modules を作成します。
% npm install
正常にインストールができていれば、以下のコマンドを実行すると画像のような状態になります。
% npm run dev
青文字のURLを command + クリック でブラウザを起動してください。
※ mac 向けです。URLにホバーするとツールチップが出てくると思います。それに従い、操作をしてください。
ローカル環境でブラウザの起動が確認できたら、環境構築完了です。