Ground Sunlight

Windowsで作る - PHPプログラミングの開発環境

ユーザ用ツール

サイト用ツール


vscode:1.5:install

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
vscode:1.5:install [2021/04/14 11:05]
tanaka [VS Codeのインストールと基本設定]
vscode:1.5:install [2021/04/20 09:02] (現在)
tanaka
行 1: 行 1:
 ====== VS Codeのインストールと基本設定 ====== ====== VS Codeのインストールと基本設定 ======
-Version 4.14+Version 1.55
  
  --- //[[http://www.y2sunlight.com|y2sunlight]] 2021-04-14//  --- //[[http://www.y2sunlight.com|y2sunlight]] 2021-04-14//
行 17: 行 17:
 [{{:vscode:1.5:download01.png?nolink}}] [{{:vscode:1.5:download01.png?nolink}}]
 ■ [Windows]をクリックし、VSCodeUserSetup-x64-1.55.1.exeをダウンロードします。 ■ [Windows]をクリックし、VSCodeUserSetup-x64-1.55.1.exeをダウンロードします。
- 
 \\ \\
 +
 ===== VS Codeのインストール ===== ===== VS Codeのインストール =====
  
行 39: 行 39:
 [{{:vscode:1.5:install06.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>
  
  
vscode/1.5/install.1618365900.txt.gz · 最終更新: 2021/04/14 11:05 by tanaka