この記事の最終更新日: 2023年6月4日
![【2021年最新版】VSCodeをLaravel超特化型にする、最高の拡張機能10選まとめ。 【VisualStudio Code】【プラグイン】](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/Laravel-1-1.png?resize=1024%2C576&ssl=1)
今回は、Webシステム開発において大きなシェアを誇るPHPについて紹介します。
PHPのWebフレームワークであるLaravelは、開発者に好まれているフレームワークの一つです。このLaravelで開発をする際には、必要不可欠な拡張機能(プラグイン)と、作業効率が格段に上がる拡張機能10選を紹介します。
ぜひ、これらの拡張機能をご自身のVSCodeにインストールし、カスタマイズしてみてください。
関連記事
PHP基本プラグイン2選
![vscode php PHP基本プラグイン2選](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/pexels-bella-white-635279.jpg?resize=1024%2C680&ssl=1)
Bracket Pair Colorizer 2
![Bracket Pair Colorizer 2 vscode plugin php](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-17-21.44.18.png?resize=722%2C129&ssl=1)
![Bracket Pair Colorizer 2 vscode 拡張機能](https://i0.wp.com/github.com/CoenraadS/Bracket-Pair-Colorizer-2/raw/master/images/example.png?resize=724%2C138&ssl=1)
Bracket Pair Colorizer 2
- Bracket Pair Colorizer 2を入れることで、括弧'()’ ‘{}’の範囲が目視可能になります。
- PHPはHTML,CSS,JavaScriptと同じファイルで使用することが多く、どれも括弧の範囲が非常に重要です。
→Bracket Pair Colorizer 2を入れることでコーディングのミスが減り、効率的な開発が可能になります。
PHP DocBlocker
![PHPDocBlocker plugin 拡張機能 extensions](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-16-19.47.29.png?resize=697%2C123&ssl=1)
![](https://i0.wp.com/github.com/joelday/vscode-docthis/raw/master/images/demo.gif?w=1240&ssl=1)
PHP DocBlocker
- PHP DocBlockerを入れることで、簡単に処理内容に準じたコメントを作成できるようになります。
- チームでの開発はコメントが重要です。メンバーに処理内容を伝えるためには簡潔でわかりやすいコメントが求められます。
→PHP DocBlockerを入れることで簡単にコメントを作成でき、短時間で保守性の高いプログラミングが可能になります。
Laravel系プラグイン8選
![Laravel vscode プラグイン](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/laravel.jpg?resize=700%2C400&ssl=1)
Laravel Snippets
![laravel snippets vscode プラグイン 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-16-19.57.52.png?resize=711%2C135&ssl=1)
![Laravel Snippets vscode 拡張機能](https://i0.wp.com/imgur.com/Npm1yYE.gif?w=1240&ssl=1)
Laravel Snippets
- Laravel Snippetsを入れることで、Laravelで自動補完を利用できます。
- Laravelは機能が豊富なWebフレームワークですが、その分多様な機能を記述しなければなりません。
→Laravel Snippetsの自動補完を活用することで、快適なWebアプリ開発が可能になります。
Laravel Blade Snippets
![laravel blade snippets 拡張機能 vs code](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-16-19.50.06.png?resize=700%2C127&ssl=1)
![VScode 拡張機能 Laravel Blade Snippets プラグイン](https://i0.wp.com/imgur.com/9Q1DDfz.gif?w=1240&ssl=1)
Laravel Blade Snippets
- Laravel Blade Snippetsを入れることで、Bladeテンプレートファイルにおいて、高性能な自動補完を獲得できます。
- Laravelは機能が豊富なWebフレームワークですが、その分多様な機能を記述しなければなりません。
→Laravel Blade Snippetsの自動補完を活用することで、さらに高速なWebアプリ開発が可能になります。
Laravel Blade Spacer
![laravel blade spacer vs code 拡張機能 plugin](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-16-19.52.37.png?resize=716%2C126&ssl=1)
![Laravel blade spacer VScode 拡張機能 plugin extensions](https://i0.wp.com/imgur.com/zqbqOVA.gif?resize=712%2C326&ssl=1)
Laravel Blade Spacer
- Laravel Blade Spacerを入れることで、Bladeテンプレートファイルにおいて、自動整形されるようになります。
- テンプレートファイルは自由度が高い分、綺麗に整えることが面倒です。
→Laravel Blade Spacerの自動整形を活用することで、綺麗なプログラムが残ります。
Laravel Artisan
![vscode laravel artisan](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-16-19.53.45.png?resize=731%2C130&ssl=1)
![Make Controller](https://i0.wp.com/github.com/TheColorRed/vscode-laravel-artisan/raw/master/images/screens/make-controller.gif?w=1240&ssl=1)
Laravel Artisan
- Laravel Artisanを入れることで、“artisan”コマンドをターミナルを開かずに実行できるようになります。
- Laravelではartisanというコマンドを使って、特定のファイルを作成することが頻繁にあります。
→Laravel Artisanプラグインを入れることで、ターミナルを開く手間が無くなり、作業時間が短縮されます。
Laravel Extra Intellisense
![laravel extra Intellisense vscode 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-16-19.54.44.png?resize=740%2C127&ssl=1)
![Laravel Extra Intellisense VScode 拡張機能 プラグイン](https://i0.wp.com/imgur.com/r1ET6Ya.gif?resize=734%2C511&ssl=1)
Laravel Extra Intellisense
- Laravel Extra Intellisenseを入れることで、Laravelの基本的なコード補完や参照ヘルプなどが可能になります。
- PHPと同様に、Laravelフレームワークも定期的にアップグレードされ、全ての仕様を把握することは困難です。
→Laravel Extra Intellisenseを入れることで開発時の疑問点もすぐに解決し、快適にLaravelでの開発を行うことができます。
Laravel goto Controller
![laravel-goto-controller 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-16-19.56.13.png?resize=744%2C145&ssl=1)
![Laravel goto Controller vscode 拡張機能 プラグイン extension](https://i0.wp.com/imgur.com/E3h6GwT.png?resize=744%2C355&ssl=1)
Laravel goto Controller
- Laravel goto Controllerを入れることで、参照元のコントローラにすぐにアクセスできます。
- 参照元ファイルを開く場合に、毎回地道に探していると、時間が非常にもったいないです。
→Laravel goto Controllerを入れることで簡単にファイル間を移動でき、開発効率が上がります。
Laravel goto View
![laravel goto view 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-16-19.58.50.png?resize=751%2C142&ssl=1)
![Laravel go to view VScode 拡張機能 プラグイン plugin extension](https://i0.wp.com/imgur.com/PHBRhqq.png?resize=751%2C522&ssl=1)
Laravel goto View
- Laravel goto Viewを入れることで、参照元のビューにすぐにアクセスできます。
- 参照元を開く場合に、目で確認していると時間がもったいないです。
→Laravel goto Viewを入れることで簡単にファイル間を移動でき、開発時間を短縮できます。
DotENV
![DotENV](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/02/スクリーンショット-2021-02-16-20.00.21.png?resize=756%2C142&ssl=1)
![VS code dotenv hightlight 拡張機能](https://i0.wp.com/imgur.com/tYxpMbO.png?w=1240&ssl=1)
DotENV
- DotENVを入れることで、Laravelで重要な.envファイルが見やすくなります。
- .envファイルはテキスト形式で、そのままだと読みにくい上に、ミスのリスクが高いです。
→DotENVを入れて、.envファイルを管理しやすくしましょう。
VSCodeテーマ 2選 (おまけ)
GitHub Theme
![laravel vscode 拡張機能 おすすめ github theme](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-1.08.20.png?resize=652%2C121&ssl=1)
![laravel githubtheme おすすめ](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/https___qiita-image-store.s3.ap-northeast-1.amazonaws.com_0_52879_1c028e08-dbee-0695-50d0-0b44b12f3738.png?resize=651%2C406&ssl=1)
GitHub Theme
・GitHubThemeを入れることで、VSCode全体のテーマを変更することができます。
・近年大流行しているGitHubの公式テーマで、定評のある配色のテーマになります。
→配色が格好良く、オススメのテーマです。テーマがカッコイイと開発のモチベーションもあがります。
Night Owl
![laravel vs code おすすめ 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-1.27.40.png?resize=652%2C120&ssl=1)
![vscode laravel おすすめ plugin](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-22.33.26.png?resize=558%2C389&ssl=1)
Night Owl
・Night Owlを入れることで、上記のGitHub themeと同様、VSCodeのテーマを変更することができます。
・目に優しいデザインで、長時間の作業でも目が疲れにくい、おすすめのテーマです。
→上述したGitHub Themeと比べて、気に入った方を使いましょう。
以上、VSCodeをLaravel超特化型にする、最高の拡張機能10選まとめでした。
準備が整ったら、次は実際に開発を進めていきましょう。
関連記事
![ゆるプロ日記](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2023/01/12245_paint.png?resize=100%2C100&ssl=1)
大阪のエンジニアが書いているブログ。
コメント