コンテンツにスキップ

vscode プラグイン

Live HTML Previewer

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

スニペット

HTML Snippets

インデントのハイライト

indent-rainbow

PHP

公式のやつを２つぐらいブチ込む程度でいい感じ。（雑）

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

コンバータ （Unicode 変換、json, yaml 変換等も可）

Encoce Decode

VScodeでUnicodeをデコードする方法
https://yukushige.com/blog/?p=511

「 \\u.{4} 」と検索。
　↓
Alt + Enter
　↓
Ctrl+Alt+C
　↓
「Unicode to String」