VSCode で使ってる拡張機能

VSCode で使ってるおすすめ拡張機能。

目次

JavaScript / TypeScript

ESLint

リンター(静的解析ツール) npm パッケージを入れないと動かないので入れる。 $ npm i -g -D eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser

Prettier - Code formatter

フォーマッター(コード整形) これもパッケージを入れる必要がある。別のフォーマッター(Clang-Format とか)使ってると場合は再設定する。 $ npm i -g -D prettier eslint-config-prettier eslint-plugin-prettier

TypeScript Importer

自動で import { ... } from '...'; してくれるやつ。

JavaScript and TypeScript Nightly

コードスニペット/インテリセンス。このJavaScript and TypeScript Nightly か JavaScript (ES6) code snippets のどっちか入れておけば入力補完してくれる。

Go 言語

Go

自動で必要なパッケージを全てダウンロードしてくれて良い。これだけ入れておけば他は必要なし！

ShellScript

shell-format

shellscript のフォーマッター(コード整形)

Themes

GitHub Theme

このテーマは GitHub 公式だから GitHub を使ってる人は Web ページのカラーリングも違和感なく読みやすいはず。

Material Icon Theme

他のアイコンテーマは知らないけど、この拡張機能は設定からフォルダアイコンを統一できるのでおすすめ

その他

Power Mode

リンク先の GIF を見ればわかる。設定のコツは入力する文字にエフェクトが重ならないようにすることと shake を小さくすること presets は exploding-rift がおすすめ。

Markdown PDF

マークダウンを PDF/HTML/jpeg/png にできる。

Draw.io Integration

非公式だけど VScode で Draw.io できる。

PlantUML

UML を書くやつ。Java のインストールが必須で $ sudo apt install graphviz する必要がある。

json

JSON ファイルの内容をサイドパネルにツリー状にまとめてくれる。

EditorConfig for VS Code

EditorConfig を VSCode で使えるようにするやつ。インデントとか色々と設定してるけど、すべてのファイルで行末の空白を削除しつつマークダウンでは削除しないというような設定ができる。

[*]
trim_trailing_whitespace = true

[*.md]
trim_trailing_whitespace = false