日本語化

  1. Visual Studio Codeを開きます。左上から5番目のアイコンをクリックし、拡張機能を表示します。

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b7ec0d82-7a6c-43ce-bfa6-23f97e958c39/3-1.png

  2. 左上の入力エリアに「Japanese Language Pack for Visual Studio Code」を入力して拡張機能を検索します。該当する項目を選び「Install」ボタンをクリックします。

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d4ff1033-bb77-4a61-ae34-a8a31142dcca/3-2.png

  3. 拡張機能のインストールが完了すると、右下にダイアログが表示されます。「Change Language and Restart」ボタンをクリックして、再起動します。

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9b98472b-784f-4569-a4e9-a0c081e401a2/3-3.png

  4. 表示が日本語に変更されました。

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1c4996c8-e555-4068-a713-e4e298c40421/3-4.png

フォントサイズ

  1. 左下の歯車 - 設定

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2836b9a5-4f24-420e-aec9-f4abcbb8e139/Untitled.png

  2. よく使用するもの > フォントサイズ

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/391933df-3d0b-45b5-9590-b9b68a9e1d17/Untitled.png

スペース・改行の可視化

半角・タブスペースの可視化

  1. 左下の歯車 - 設定 - よく使用するもの

  2. Render White Space > all

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7fa004a3-ca0c-4af8-a90a-a2195c5e3b78/Untitled.png

行の折り返し

  1. 左下の歯車 - 設定 - よく使用するもの

  2. Word Wrap > on

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bfb1a965-8260-4271-9e28-1e9125ce4053/Untitled.png

全角スペースを可視化するには

  1. 拡張機能「zenkaku」をインストール（バージョンによってはインストールできないかも）

  2. vscodeを再起動

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cdc88551-e75f-4f9e-aaae-36577eed236d/Untitled.png

困ったら… Command Shift P　zenkakuと入力