# エディタをインストールする

エディタとはコードを書くために必要なツールです。VSCodeが世界的に最も使われているので、VSCodeを使いましょう。

## VSCodeのインストール

以下サイトにアクセスし、VSCodeをインストールします。\
<https://azure.microsoft.com/ja-jp/products/visual-studio-code>

インストール後、VSCodeに以下の拡張機能（より便利にするツール）を追加します。

拡張機能の追加は下記画像のように、

1. 一番左のサイドバーの上から5つ目を選択し、
2. 追加したい拡張機能名を入力し、
3. 対象の拡張機能をインストールします。

![](https://1869761657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcUBbYqol4PMzZJggiMqV%2Fuploads%2FTKBFFWQ8CU18xvjOPapI%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-18%2014.37.30.png?alt=media\&token=18e9b451-096f-4ea0-bffd-7d5d3c54bff3)

追加する拡張機能は、

* Prettier

  （コードのフォーマットを自動で調整してくれる）
* Live Server

  （HTML、CSSをブラウザを使用せず、すぐに確認できる）