VSCodeにてLaravelのBladeを書く際にコードの色分けがされなくて不便だったので拡張機能を入れました。入れた結果コード入力のミス(@end~を忘れたり)が無くなったのでとりあえず『Laravel Blade Snippets』と『Laravel 5 Snippets』を最初に入れると良さげです。
Laravel Blade Snippets
Laravel Blade Snippets - Visual Studio Marketplace
Extension for Visual Studio Code - Laravel blade snippets and syntax highlight support
Bladeのディレクティブを補完してたり色分けしてくれるすごい奴
とりあえず入れておけばコードが見やすくなる
使い方
「b:~」にて入力補完できる。
例)@sectionを補完する場合
b:sまで打つと候補に出てくる
Laravel 5 Snippets
Laravel Snippets - Visual Studio Marketplace
Extension for Visual Studio Code - Laravel snippets for Visual Studio Code (Support Laravel 5 and above)
Laravelのコードを補完してくれる。
使い方
そのまま入力すると補完してくれる。
例)Route::getを補完する場合
Rと入力すると候補が出るので、Route::getを探して選択する
参考
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9TGFyYXZlbCVFMyU4MSVBNyVFNiVCMCU5NyVFNiU4QyU4MSVFMyU4MSVBMSVFMyU4MiU4OCVFMyU4MSU4RiVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MiU5MiVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MSU5RiVFMyU4MiU4MSVFMyU4MSVBRSVFNiU4QiVBMSVFNSVCQyVCNSVFNiVBOSU5RiVFOCU4MyVCRCVFMyU4MSVBRSVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZTk4NTM5YmY3MTUxMDk1ZGNkZjE1NWY3NWNjZTJlNGM&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtb3R1byZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZGMwZDRmYTIxMmMzMGUzMDc3MTQyNzE1OTBlNThmNDE&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4gTEFQUkFT5qCq5byP5Lya56S-&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%23212121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=e7b0f46820ef3f30ad318d7ef109bf20)
Laravelで気持ちよく開発をするための拡張機能のまとめ - Qiita
始めに今までNet Beans使っていたのですが、メモリの消費量の多さが気になったのとBladeの補完が全く効かない事を課題に感じたのでVisual Studio Code(以下、VSCode)に…
コメント