2023年に見つけたあまり知られていない便利VSCode拡張4選

はじめに

この記事では、2023年に見つけた、Visual Studio Codeで開発作業を効率化するための便利な拡張機能4つを紹介します。
これらの拡張機能は、共通してあまり有名ではないためあえて紹介しようと思います！！

宣伝なのですが下記、個人開発でエンジニア専門マッチングサービスを開発しましたので、是非未経験からエンジニア目指している人！現役エンジニアで教えたい人！使ってみてください！

実施内容

紹介するのは以下の4つの拡張機能です。

• Multi Cursor Case Preserve
• VSCode JS Console Utils
• Laravel Goto Config
• NPM Dependency Links

これらの拡張機能は、それぞれ異なるニーズに応えるものです。

準備

Visual Studio Codeをインストールしておく必要があります。
各拡張機能をVisual Studio Codeのマーケットプレイスからインストールします。

実装手順

• Multi Cursor Case Preserve

  • VScodeを使って命名の変更があった場合、Cmd + Dでそれぞれのケースごとに選択してそれぞれで一括変更しなきゃいけないかと思うのですが、これを使うとキャメルケース、パスカルケース、小文字ケースなど、変数の命名規則をそれぞれよしなに認識してくれて一括で変更できて神です！

• VSCode JS Console Utils

  • JavaScript開発において、console.logの挿入や削除をショートカットを使って簡単に行うことができます。

• Laravel Goto Config

  • Laravelフレームワークを使用する開発者向けに、configディレクトリ配下に切り出して、文字列をよく記述するかと思うのですが、そのときconfig()で呼び出している側からってジャンプできなくて、何が設定されているか確認するのめちゃくちゃ面倒ですよね、、、でもこれがあれば該当の設定ファイルへCmd + Clickでジャンプできます。

• NPM Dependency Links

  • package.jsonファイル内の依存関係に直接リンクを作成し、NPMやGitHubでの詳細情報へ簡単にアクセスできるようにします。

参考