VSCode に入れている拡張機能 2020年版

VSCode が便利すぎて手放せない!
そんな私が VSCode にインストールしている拡張機能を紹介します。

入れている拡張機能が多いのと、それぞれの拡張機能の良さを説明すると長いので、超簡単な一言説明だけ書いておきます。

※「挿入」「拡張」「せいてき」という言葉が出てきますが、記事内容に全くエロ要素はございません。

Go

Go

golang.go

Go 言語を VSCode で使用するときの拡張機能

Go Test Explorer

premparihar.gotestexplorer

Go のテストをサイドバーに表示

Python

Python

ms-python.python

Python 用IntelliSense

Pyright

ms-pyright.pyright

Python 用静的型チェック

Python Docstring Generator

njpwerner.autodocstring

引数や返り値からコメントを挿入

React(TypeScript)

ESLint

dbaeumer.vscode-eslint

Typescript の linting

Prettier – Code formatter

esbenp.prettier-vscode

色んな言語対応のフォーマッタ

ES7 React/Redux/GraphQL/React-Native snippets

dsznajder.es7-react-js-snippets

React を書くときの便利スニペット

vscode-styled-jsx

blanu.vscode-styled-jsx

JSX にシンタックスハイライト

vscode-styled-components

jpoissonnier.vscode-styled-components

styled-components 用のシンタックスハイライト

PHP

PHP Intelephense

bmewburn.vscode-intelephense-client

PHP 用IntelliSense

PHP Debug

felixfbecker.php-debug

PHP のデバッグ用拡張機能

phpcs

ikappas.phpcs

静的チェック

PHP Mess Detector

ecodes.vscode-phpmd

静的チェック

php cs fixer

junstyle.php-cs-fixer

PHP のフォーマッタ

Laravel Snippets

onecentlin.laravel5-snippets

Laravel 用スニペット

Laravel Artisan

ryannaddy.laravel-artisan

VSCode のコマンドパレットから artisan コマンドを実行

Laravel Blade Snippets

onecentlin.laravel-blade

Blade 用シンタックスハイライトとスニペット

Laravel goto view

codingyu.laravel-goto-view

view へジャンプ

laravel-goto-controller

stef-k.laravel-goto-controller

コントローラーへジャンプ

Git

GitLens — Git supercharged

eamodio.gitlens

git の blame や diff を表示

Git History

donjayamanne.githistory

git のログをグラフィカルに表示

Markdown

Markdown All in One

yzhang.markdown-all-in-one

Markdown を書く時のショートカット等便利機能

Markdown Preview Github Styling

bierner.markdown-preview-github-styles

Markdown のプレビューを Github 風に表示

markdownlint

davidanson.vscode-markdownlint

Markdown の linting

Paste Image

mushan.vscode-paste-image

Markdown に画像ファイルを貼り付け

VSNotes

patricklee.vsnotes

Markdown でノートを作成、管理

その他

Apache Conf

mrmlnc.vscode-apache

.htaccess を書く時のシンタックスハイライト

Auto Rename Tag

formulahendry.auto-rename-tag

開始タグを変更すると終了タグを変更してくれる

Bracket Pair Colorizer 2

coenraads.bracket-pair-colorizer-2

対応する括弧に色をつけてわかりやすくなる

DotENV

mikestead.dotenv

.env ファイルのシンタックスハイライト

GitHub Theme

github.github-vscode-theme

VSCode のテーマを GitHub 風にする

Material Icon Theme

pkief.material-icon-theme

VSCode の Explorer で表示されるアイコンをわかりやすいアイコンに変更

Output Colorizer

ibm.output-colorizer

Output パネルのログに色付け

Project Manager

alefragnani.project-manager

ワークスペースに名前をつけて管理

Remote – Containers

ms-vscode-remote.remote-containers

Docker コンテナで Remote 開発

Remote – SSH

ms-vscode-remote.remote-ssh

SSH 接続で Remote 開発

Remote – WSL

ms-vscode-remote.remote-wsl

WSL でRemote 開発

Docker

ms-azuretools.vscode-docker

VSCode 上でコンテナを管理

Draw.io Integration

hediet.vscode-drawio

VSCode で Draw.io を使う

Duplicate action

mrmlnc.vscode-duplicate

ファイルの複製を簡単に行う

Excel Viewer

grapecity.gc-excelviewer

CSV ファイルをテーブル表示に整形して表示

indent-rainbow

oderwat.indent-rainbow

インデントを階層ごとに色分けして表示

Kubernetes Support

ipedrazas.kubernetes-snippets

Kubernetes の yaml 用スニペット

Rainbow CSV

mechatroner.rainbow-csv

CSV に色付けして表示

REST Client

humao.rest-client

VSCode 上から GET や POST を発行

YAML

redhat.vscode-yaml

yaml ファイルのシンタックスハイライト

Apollo GraphQL

apollographql.vscode-apollo

GprahQL のシンタックスハイライト

SFTP

liximomo.sftp

VSCode 上からSFTP でファイルの同期

SQLite

alexcvzz.vscode-sqlite

SQLite ファイルを扱う

一覧に書き出してみて

こうやって眺めてみると、最近あまり書いていないがPHP関連の拡張機能多いね。
静的チェックやフォーマッターは各言語で必須だから。
Go言語なんかはGoで書かれた周辺ツールが強力なので拡張機能や設定が殆ど必要ないから楽。

なんでもVSCodeでできてしまうので、起動しているアプリはVSCodeとWindowsTerminal、Chromeとチャットツールくらいだ。

もうアンインストールしてしまった拡張機能もかなりあるけど
とりあえず2020年9月現在インストールしてるものはこんな感じです。

GCPとか使ってOK^^ってなったらCloud Codeとかまた入れよう!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です