使用している拡張機能 拡張機能名 URL 概要 Shortcuts https://github.com/gizak/vscode-shortcuts ステータスバーにショートカットボタン追加 GitLens https://github.com/eamodio/vscode-gitlens CodeLensのGit版 Git History https://github.com/DonJayamanne/gitHistoryVSCode Gitのコミット履歴が一覧で見える Git Graph https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph Gitグラフ表示 zenkaku https://marketplace.visualstudio.com/items?itemName=mosapride.zenkaku 邪悪な全角スペースを強調表示してくれる Markdown PDF https://github.com/yzane/vscode-markdown-pdf マークダウンをPDF化 Status Bar Read-Only Indicator https://github.com/alefragnani/vscode-read-only-indicator ファイルが読み取り専用かどうかをステータスバーに表示 CodeMetrics https://github.com/kisstkondoros/codemetrics コードの複雑度を見える化 Debugger for Chrome https://github.com/Microsoft/vscode-chrome-debug Chromeデバッガと連携 Angular Language Service https://github.com/angular/vscode-ng-language-service Angular開発サポート TSLint https://github.com/Microsoft/vscode-tslint TSLintの警告をエディタ上でチェック JSON to TS https://github.com/MariusAlch/vscode-json-to-ts JSON形式のデータをTypeScriptのインターフェースに変換します。 Path Intellisense https://github.com/ChristianKohler/PathIntellisense ファイルパスの入力補間 HTML CSS Support https://github.com/ecmel/vscode-html-css スタイルシートの入力補間等 Bookmarks https://github.com/alefragnani/vscode-bookmarks ブックマークを追加・ジャンプできる Bracket Pair Colorizer https://github.com/CoenraadS/BracketPair 括弧の色をネスト単位で変える angular2-inline https://github.com/natewallace/angular2-inline @Component.template内のHTMLをハイライト Angular Support https://github.com/VismaLietuva/vscode-angular-support templateUrl、styleUrls から定義に飛べる。 TODO Highlight https://github.com/wayou/vscode-todo-highlight コメントの「TODO」が強調表示される。 TODO+ https://marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-todo-plus TODOのサイドバーが表示 Output Colorizer https://github.com/IBM-Cloud/vscode-log-output-colorizer OUTPUTに色がつく。 Studio Icons https://github.com/jtlowe/studio-icons Visual Studio 風アイコン REST Client https://marketplace.visualstudio.com/items?itemName=humao.rest-client REST通信 Regex Previewer https://marketplace.visualstudio.com/items?itemName=chrmarti.regex 正規表現デバッグ用 Rainbow CSV https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv CSVハイライト Excel Viewer https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer Excel or CSV ファイルをハイライト表示 vscode-icons https://github.com/vscode-icons/vscode-icons アイコンセット Docker https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker Docker関連便利ツール Error Lens https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens 警告・エラーをエディタ上にアイコン表示 filesize https://marketplace.visualstudio.com/items?itemName=mkxml.vscode-filesize ステータスバーにファイルサイズ表示 Total Lines https://marketplace.visualstudio.com/items?itemName=praveencrony.total-lines ファイル行数表示 Version Lens https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens package.jsonに各パッケージの最新バージョンを表示 Draw.io Integration https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio Draw.io の機能が使えます。フローチャートや構成図作成など Task Explorer https://marketplace.visualstudio.com/items?itemName=spmeesseman.vscode-taskexplorer VSCodeで登録したタスクを一覧表示・実行・中断できます。NPMスクリプト以外でも対応可能です。 PHP Intelephense https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client PHP用のインテリセンス拡張 Remote - Containers https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers Docker上で開発 Syntax Highlighting for yarn.lock files https://marketplace.visualstudio.com/items?itemName=mariusschulz.yarn-lock-syntax yarn.lock をハイライト表示 Json Editor https://marketplace.visualstudio.com/items?itemName=nickdemayo.vscode-json-editor JSONエディタ