Skip to content

vscode プラグイン

Live HTML Previewer

HTMLのプレビュー
横にプレビューを表示  Ctrl + q → s
エディタ全体にプレビューを表示  Ctrl +q → f
ブラウザで表示 Ctrl +q → w
(Mac)
左のツリーからファイルを洗濯 → View in Browser

スニペット

HTML Snippets

インデントのハイライト

indent-rainbow

PHP

公式のやつを2つぐらいブチ込む程度でいい感じ。(雑)

Git History

Git の履歴管理がいい感じ。

PDF

  • Markdown PDF
  • vscode-pdf

CSVを編集。TSVも行ける。

Edit csv

vscode-icons

左のツリーにいい感じのアイコンつけてくれる。

Partial Dill

部分比較
「>compare」
別にこれを入れなくても、ファイル単位での比較なら標準で可。

Bracket Pair Colorizer 2

対応する括弧に色が付くようになる。

GitLens

エディタのコード上にいつ誰がコミットしたのかが表示され、マウスオーバーすることで直前のコミットの変更内容も確認できるようになる。

vscode-icons

アイコン

Rainbow CSV

CSV色分け

Trailing Spaces

不要なスペースを警告

Prettier

コードのフォーマット

REST Client

HTTPリクエストの操作を便利にしてくれる。
https://marketplace.visualstudio.com/items?itemName=humao.rest-client

GitHub Pull Requests

マークダウンのLint

markdownlint

Draw.io Integration

https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio

Bookmarks

Ctrl + alt + k でしおりを挟む。
左メニューからしおりを呼び出し。
https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks

Swagger

Swagger Viewer
https://marketplace.visualstudio.com/items?itemName=Arjun.swagger-viewer

Shift + Alt + p

スペルチェッカー

Code Spell Checker https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker