Ground Sunlight

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

ユーザ用ツール

サイト用ツール


vscode:1.5:install

差分

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

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

次のリビジョン
前のリビジョン
vscode:1.5:install [2021/04/14 10:29]
tanaka 作成
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//
  
 [[vscode:top|Visual Studio Code (VS Code) に戻る]] [[vscode:top|Visual Studio Code (VS Code) に戻る]]
- 
-関連記事 
-> TODO 
  
 === インストールするVS Code === === インストールするVS Code ===
  
-  * Japanese Langurage Pack for Visual Studio Code 1.55.2+  * VSCodeUserSetup-x64-1.55.1.exe
  
 ---- ----
行 17: 行 14:
 ===== VS Codeの入手 ===== ===== VS Codeの入手 =====
  
-[[https://mergedoc.osdn.jp/]] にアクセスします。 +[[https://code.visualstudio.com/download]] にアクセスします。 
-[{{:eclipse:2019-12:download01.png?nolink}}] +[{{:vscode:1.5:download01.png?nolink}}] 
-■ [Eclipse 2019-12]をクリックします。+■ [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)を選択します。 
 + 
 +\\ 
 +==== その他 ====
  
-[{{:eclipse:2019-12:download02.png?nolink}}+メニュー[表示][コマンドパレット]を選択します。 \\ 
-■ Windows 64bit/Full Edition PHPの[Download]を押します。+■ settingと入力し、[基本設定:設定(JSON)]を開きます。 \\
  
-[{{:eclipse:2019-12:download03.png?nolink}}] +ここでいろいろ編集ができます。 
-■ リンククリック、pleiades-2019-12-php-win-64bit-jre_20200213.zip ダウンロードします。+<code json> 
 +{ 
 +    "workbench.colorTheme""Default Light+",   // カラーテーマ 
 +    "editor.renderWhitespace": "boundary",      // 空白をみえるようにする 
 +    "editor.insertSpaces": true ,               // タブで空白挿入ない 
 +    "files.trimTrailingWhitespace": true        // 行末の余分な空白削除 
 +
 +</code>
  
  
vscode/1.5/install.1618363743.txt.gz · 最終更新: 2021/04/14 10:29 by tanaka