絶対にオススメできるVisual Studio code拡張機能 10連発

VSサムネ

こんにちは、SDです。
VScode、良いエディターですよね。
私はAtomからの移行だったのでまずその軽さに驚きました。
拡張機能もどんどん増えてきていて、ますますその勢力を強めつつあります。

 

そこで今回は私がWeb開発をする上でVScodeに入れている拡張機能
絶対におすすめ出来る物のみを厳選してご紹介したく思います!

 

 

1.PHP debug

demo

(※画像はVSCodeのMarketplaceページより引用しています)

PHP debug

VScodeでphpのステップデバッグが出来るようになる拡張です。
あるとないとで開発効率が段違い。
詳しい導入方法は他記事にて詳しく説明しているのでそちらをご覧ください。
(php7.0 以上のみ対応です)

誰でも簡単!PHPのデバッグ環境の整え方(ステップ実行可能)【VisualStudioCode】

 

2.Bookmarks

bookmarks-toggle

(※画像はVSCodeのMarketplaceページより引用しています)

Bookmarks

コードの行にブックマークを付けて、
ショートカットキーで即座にジャンプできるようになる拡張機能です。
コーディングをしてる時って、頻繁に2つ以上の処理を見比べる機会がありますよね。
そんな時はこれを使えばらくちんです。
設定を変更すればファイル間での移動も可能なので、
爆速でコーディングすることができます。

 

3.zenkaku

zenkaku

Zenkaku

コーディングにおいて全角スペースは諸悪の根源ですよね。
そんな全角スペースを強調表示してくれる拡張です。
シンプルながら、とても助かります。
日本人はみんなこの拡張をいれておこう。

 

4.TODO Highlight

TODO Highlight

TODO、FIXMEをハイライト表示してくれます。
他のIDEとかだと標準の機能であることが多いのですが、
VSCodeだとデフォルトではハイライトつかないので助かります。
ハイライト色や反応する単語も決めることが出来るので、
例えば「NOTE:」などといった風に自分の好きな単語をハイライトさせることもできます。
応用次第で色々つかえそうですね。

 

5.PrintCode

printCode

PrintCode

コードをシンタックスハイライト付きでプリンタで印刷できるようになる拡張です。
あまり機会はありませんが、社内の打ち合わせの時には紙媒体の方が便利な時があるので、
そんな時に活躍してくれます。

 

6.VS Color Picker

VSCOLOR

VS Color Picker

定番ですね。
カラーピッカーのVS版になります。
Atom版と比べると若干使いずらさはあるものの、
やはりあるのとないのとでは利便性が大きく違います。

 

7.Color Highlight

colorrizer

Color Highlight

こちらも定番。
カラーコードを自動で色付けしてくれます。
エディターが華やかになってなんだかいい感じになります。

 

8.Subtle Match Brackets

subtle

Subtle Match Brackets

ブラケットの隣を選択すると、対応したブラケットを強調表示してくれる拡張です。
Jqueryなんかを書いている時は頻繁にブラケットのペアがわからなくなるので
何度もこれに救われています。
似たような拡張はいっぱいあるのですが、
これは自己主張すくなめで目に優しいのでお勧めです。

 

9.SSH FS

ssh

SSH FS

VScore上でサーバーにSSHログインをしてテキスト編集が出来るようになる拡張です。
さらっとSSHでテキストやソースコードを編集したい時ってあると思います。
そんな時はこれを使えばVSCodeの機能を利用しつつ気軽に対応できます。
ただしVSCode標準のWorkspace内の検索機能が割と制限されてしまうのが玉にキズでしょうか。

 

10.One Dark Pro

One Dark

One Dark Pro

最後は非常に個人的な拡張になってしまいました。
Atom風のテーマになります。
私は見た目だけならAtomの信者なのでこれがないとやる気が出ません。
ただ、やはりオリジナルのAtomにはやはり敵わないんですけどね・・・。

 

 

まとめ

というわけで個人的に必須な拡張10個をご紹介してまいりました。
あとスニペットなどはかなり多くの言語・フレームワークが網羅されているので、
各自の環境に合わせてインストールしてみてください。
それではよいVScodeライフを!

Share on Facebook0Tweet about this on TwitterShare on Google+0Email this to someone