スポンサーリンク

【VScode】おすすめプラグイン(拡張機能) + 便利なショートカットキーまとめ

Windows
スポンサーリンク

Vsocdeとは?

テキストエディタの一つです。
無料で使用でき、色々な言語に対応しているため開発現場でもよく使用されています。
今回はVscodeのおすすめプラグインと覚えておくべきショートカットキーを紹介します。

プラグインとは?

vscodeでの開発をサポートしてくれるものを言います。
vscode内で検索してインストールするとすぐに導入できます。
今回は独断と偏見でおすすめのプラグインを紹介していきます。

Japanese Language Pack for Visual Studio Code

日本語化してくれます。

Python Extension Pack

Pythonで開発するときに便利です。
何を入れればよいか迷った際は是非入れてみてください。
Pythonのプラグインを5つ一気にインストールしてくれます。
下記がインストールするプラグイン一覧です。

  • MagicPython
  • Python
  • Jinja
  • Django
  • Visual Studio IntelliCode
スポンサーリンク
PHP Extension Pack

PHP開発するときに便利です。
これもPHP開発するときに迷ったら入れておきましょう。
PHPのプラグインを2つ一気にインストールしてくれます。
下記がインストールするプラグイン一覧です。

  • PHP IntelliSense
  • PHP Debug
Remote Development

このプラグインも3つ一気にインストールしてくれます。

Remote – WSL
WSLの環境にVScodeからアクセスできるプラグインです。

WSL上で開発する場合必須のプラグインです。

Remote – Containers

コンテナ内にVScodeでアクセスできるプラグインです。
コンテナにあるソースを直接修正できるためコンテナで開発する際に便利です。

Remote – SSH

IPアドレスやパスワードを設定することでVScodeでその環境にSSH接続ができるプラグイン
VirtualBoxで作成した環境などにもSSH接続可能です。

MySQL

筆者はmysqlをよく開発で使用するので重宝しています。
VScodeからmysqlのデータを確認できたりinsertやdeleteも簡単にできます。

おすすめショートカットキー

スポンサーリンク

ここからは私がよく使うショートカットキーを紹介します。
開発が捗ること間違いないと思います。

アプリケーション切り替え

複数のアプリケーションを同時に開けますがこのショートカットキーでその移動が簡単に行えます。

  • Windows
Ctrl + Tab
  • Mac
Command + Tab
文字列の置換

同じ単語を一度に修正したいときに便利です。
例えば「div」という単語を一度に「span」に変更したいときとかに使えます。
gif入れる予定

  • Windows
Ctrl + D
  • Mac
Command + F
行をコピー

行ごと下や上にコピーできます。

  • Windows
Shift + Alt + ↓ or ↑
  • Mac
option + ⬆️ + ↓ or ↑
行を移動
  • Windows
Alt + ↓ or ↑
  • Mac
option + ↓ or ↑
矩形選択

カーソルを上や下に挿入できます。

  • Windows
Ctrl + Alt + ↓ or ↑
  • Mac
option + command + ↓ or ↑

ほかにも便利なショートカットキーは結構ありますが今回は厳選してこのくらいにしておきます。

コメント