まずはこれだけ！　テキストエディタの拡張機能の導入！

「テキストエディタ導入できたけどいきなりコード書いていいの？」
もちろん書いていいです！
でもその前に少しだけテキストエディタをカスタマイズして使いやすくしましょう！

　わかりやすく解説します。

ペルソナ

プログラミングをこれから勉強しようとしている方
初めてプログラミングを書こうと思っている方
テキストエディタ導入できた方

まだ導入できていない方はこちらを参照してください

内容

テキストエディタの拡張機能の導入（詳しいコーディングは解説しません）

Key Word

拡張機能（extensions)

実際にプログラミングをする前に、最低限の拡張機能を入れておきましょう！
（とにかくプログラミングやらせてよ！という方はこの記事は読み飛ばしても構いません！
ただ、おそらく何処かのタイミングで実装することになると思うのでその時振り返ってみてください）

2.実際に導入してみる

では、早速導入しましょう！

①　VScodeを開く
commandキー+スペースキーで検索ボックスを開き、VSと打てば見つかると思います。
(ここでは詳細省きますが、VScodeがいつでも開きやすいようにDesktopや、Macであれば「DOCK」に
移動してもいいですね）

②拡張機能をインストールする

無事にVScodeを開けたでしょうか。

では拡張機能のインストールをしていきましょう！

まずはVScodeの左のサイドバーに

このボタン見つかるでしょうか？
こちらをクリックしてください。

なにやらタブが開いたと思います。
（実際の画面は個人で異なることがあるため、上記と全く一緒でなくても大丈夫です！）

いよいよインストールですが、今回インストールする拡張機能は以下の４つです。

Japanese Language Pack for Visual Studio Code
zenkaku
YAML
HTML Snippets

（それぞれの機能の詳細は省きますが開発しやすくするための機能という認識でいいです）

インストール手順ですが
拡張機能のタブの上部に、検索ボックスのようなものがあると思います。
そこに上記の拡張機能の名前をコピー&ペーストをしましょう！

具体的に
- Japanese Language Pack for Visual Studio Code
を例にしてやってみましょう！
（ちなみにこちらはエディタを日本語表記にするものです。英語で平気な方は入れる必要はありません）

①検索ボックスに「Japanese Language Pack for Visual Studio Code」を
コピー&ペーストして検索する

・検索前

・検索後

すると検索ボックスの真下に「日本語」とか「instll」書かれたものが出てきましたね？

では「install」ボタンを押しちゃいましょう！

②インストールする！

インストールボタンを押すと左の広いエリアにその拡張機能の説明文が出ます。
正常にインストールが完了していれば「install」ボタンが消えて「uninstall」ボタンに変わります。

この拡張機能はVScodeを日本語表記にするものですがこれだけでは設定が終わりません。

少し面倒ですがもう少し頑張りましょう！

③日本語設定を完了させる
・commandキー + shiftキー + pで検索ボックスをだす
・検索ボックスでconfigと入力して検索する
・config display languageを選択する
・さらに検索ボックスが表示されるので、「ja」と入力する
・VScodeを再起動する
・完了！

順番に画像を参考にしながら実行してみてください！

・commandキー + shiftキー + pで検索ボックスをだす