【VSCode】オススメ拡張機能まとめ

この記事では、Visual Studio Codeのオススメの拡張機能を紹介していきます。(随時更新中)

1. 一般

• Code Spell Checker
• Japanese Language Pack for Visual Studio Code
• Material Icon Theme
• Project Manager

2. HTML

• HTML CSS Support
• HTMLHint
  • こちらのHTMLHintに移行推奨
• Live Server
• Auto Complete Tag
  • VSCodeの基本設定だけで代替可能(詳細)
• open in browser
  • Live Serverがあればほぼいらない、<script type="module">で書いたJSファイルを読み込んでるhtmlファイルはfile:// プロトコル経由で開いても動作しない

3. Ruby

• Ruby LSP
• VSCode rdbg Ruby Debugger

3-1. Rails

• Slim
  • slim使う場合はあったほうがいい

4. JavaScript

• ESLint
• Prettier
• JavaScript (ES6) code snippets
• IntelliCode
• Formatting Toggle

4-1. Vue.js

• Volar
  • Vue3からはVolar、Vue2ならVetur

5. PostgreSQL

• PostgreSQL

6. Git

• Git History
• GitLens

7. Docker

• Docker

---

【参考】

• HTML Extensions in Visual Studio Code
• JavaScript Extensions in Visual Studio Code