====== VS Codeのインストールと基本設定 ======
Version 1.55

 --- //[[http://www.y2sunlight.com|y2sunlight]] 2021-04-14//

[[vscode:top|Visual Studio Code (VS Code) に戻る]]

=== インストールするVS Code ===

  * VSCodeUserSetup-x64-1.55.1.exe

----

===== VS Codeの入手 =====

[[https://code.visualstudio.com/download]] にアクセスします。
[{{:vscode:1.5:download01.png?nolink}}]
■ [Windows]をクリックし、VSCodeUserSetup-x64-1.55.1.exeをダウンロードします。
\\

===== VS Codeのインストール =====

先にダウンロードした VSCodeUserSetup-x64-1.55.1.exe を実行します。
[{{:vscode:1.5:install01.png?nolink}}]
■ [同意する]を選択し、[次へ]ボタンを押します。

[{{:vscode:1.5:install02.png?nolink}}]
■ インストール先を指定しまし、[次へ]ボタンを押します。

[{{:vscode:1.5:install03.png?nolink}}]
■ [次へ]ボタンを押します。

[{{:vscode:1.5:install04.png?nolink}}]
■ [デスクトップ上にアイコンを作成する]と[PATHへの追加]をチェックし、[次へ]ボタンを押します。

[{{:vscode:1.5:install05.png?nolink}}]
■ [インストール]ボタンを押します。

[{{:vscode:1.5:install06.png?nolink}}]
■ [完了]ボタンを押します。

\\

===== VS Codeの設定 =====

VS Codeを起動します。
[{{:vscode:1.5:vs-code01.png?nolink}}]

\\

==== 日本語化 ====

メニュー[View][Extentions]を選択します。
[{{:vscode:1.5:vs-code02.png?nolink}}]
■ japaneseを検索し、Japanese Langurage Pack for Visual Studio Codeをインストールします。\\
■ インストール後は、再起動して下さい。

\\

==== 配色 ====

メニュー[表示][コマンドパレット]を選択します。
[{{:vscode:1.5:vs-code03.png?nolink}}]
■ color themeと入力し、[基本設定:配色テーマ]を押します。

[{{:vscode:1.5:vs-code04.png?nolink}}]
■ ここでは、Light+(既定のLight)を選択します。

\\
==== その他 ====

メニュー[表示][コマンドパレット]を選択します。 \\
■ settingと入力し、[基本設定:設定(JSON)]を開きます。 \\

ここでいろいろ編集ができます。
<code json>
{
    "workbench.colorTheme": "Default Light+",   // カラーテーマ
    "editor.renderWhitespace": "boundary",      // 空白をみえるようにする
    "editor.insertSpaces": true ,               // タブで空白を挿入しない
    "files.trimTrailingWhitespace": true        // 行末の余分な空白を削除
}
</code>