Ground Sunlight

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

ユーザ用ツール

サイト用ツール


vscode:1.5:install

差分

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

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

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
vscode:1.5:install [2021/04/14 10:40]
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//
行 9: 行 9:
  
   * VSCodeUserSetup-x64-1.55.1.exe   * VSCodeUserSetup-x64-1.55.1.exe
 +
 ---- ----
  
行 17: 行 18:
 ■ [Windows]をクリックし、VSCodeUserSetup-x64-1.55.1.exeをダウンロードします。 ■ [Windows]をクリックし、VSCodeUserSetup-x64-1.55.1.exeをダウンロードします。
 \\ \\
 +
 ===== VS Codeのインストール ===== ===== VS Codeのインストール =====
  
 先にダウンロードした VSCodeUserSetup-x64-1.55.1.exe を実行します。 先にダウンロードした 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> 
 + 
vscode/1.5/install.1618364428.txt.gz · 最終更新: 2021/04/14 10:40 by tanaka