LoginSignup
29
25

More than 5 years have passed since last update.

Visual Studio CodeにLaravel用おすすめExtension(拡張機能)を導入する

Posted at

この記事は、「【連載】初めてのWindows用Laravel 5.7開発環境構築入門」の孫記事です。環境などの条件は、親記事をご覧ください。
この記事は、「XAMPP上にLaravel 5.7をインストールする 2018年12月版」の子記事です。


 今回はVisual Studio CodeにLaravel用のExtension(拡張機能)を入れます。筆者のおすすめですが、拡張機能については好みによるので、好きなのを入れればよいかと。

Laravel用Extensionを導入するには

Visual Studio Codeを開き、Extensionsを開いて、検索文字にlaravelと入力します。
image.png

Laravel用Extensionがたくさん出てくるので、好きなのを入れます。

おすすめExtension

Laravel 5 Snippets

Auth::, Config::, Session:: などのスニペットを提供してくれます。
次のLaravel Blade Snippetsの前提おすすめExtensionなので、一緒に入れると良いでしょう。

Laravel Blade Snippets

Blade(Laravelのテンプレート言語、HTMLの拡張みたいなの。C#でいうRazor) を記述するときに、超短縮入力を可能にしてくれます。
たとえばhtml:5とタイプするだけで、HTML全体を一気に書いてくれます。
screenshot.gif
(上の画像はLaravel Blade Snippetsより転載)

Laravel Artisan

LaravelのArtisanコマンドをVisual Studio CodeのF1コマンドラインから簡単に実行できるようにしてくれます。

ターミナルを開く→PHP ARTISAN コマンド とタイプする→結果

F1→ARTISAN コマンド

となります。
もちろんスニペットな動きもするので、Artisanの扱いがとても楽になります。

例えばルートリストを取るのは以下のようになります。
route-list.gif
(上の画像はLaravel Artisanより転載)

Laravel goto view

コントローラからBladeに一気に飛べるようになります。

use.gif
(上の画像はLaravel goto viewより転載)

Laravel Blade Spacer

Bladeを記述するとき、{{}}などの中に適切なスペースを入れてくれます。

preview.gif
(上の画像はLaravel Blade Spacerより転載)

29
25
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
29
25