Learning site for website creation

Visual Studio Code おすすめ拡張機能

  • 投稿日:2019年09月12日
  • 更新日:2019年10月05日

おすすめ拡張機能

基本機能の拡張

Japanese Language Pack for Visual Studio Code:日本語化

EvilInspector:全角スペースを表示

Activitus Bar:アクティビティバーをステータスバーに表示

Visual Studio IntelliCode:AIコード補完

indent-rainbow:インデントを色分け

HTML

AutoFileName:ファイルパス補完

Auto Rename Tag:開始タグを変更すると終了タグも変更される

Color Picker:色を表示

CSSTree validator:CSSの記述ミスチェック

HTML Snippets:HTML5スニペット追加

HTMLHint:HTML記述ミスチェック(軽度)

W3C Validation:HTML記述ミスチェック(要JavaRuntime)

open in browser:右クリックでブラウザ表示確認

IntelliSense for CSS class names in HTML:クラス名補完

Code Spell Checker:英単語スペルチェッカー

Browser Preview:VS Code上で表示確認

JavaScript

Bracket Pair Colorizer 2:ブラケットを色分けして表示

JavaScript (ES6) code snippets:JSコードスニペット追加

PHP

PHP Intelephense:コード整形「Shift」+「alt」+「f」

Java

Java Extension Pack:Java開発用拡張パック

Debugger for Java:デバッグ用拡張パック

GIT

Git History:GIT履歴を見やすく表示

GitLens