{"id":11623,"date":"2022-02-08T10:00:00","date_gmt":"2022-02-08T01:00:00","guid":{"rendered":"https:\/\/www.gigas-jp.com\/appnews\/?p=11623"},"modified":"2022-02-07T19:48:12","modified_gmt":"2022-02-07T10:48:12","slug":"6-vs-code-extensions-for-laravel-developers","status":"publish","type":"post","link":"https:\/\/www.gigas-jp.com\/appnews\/archives\/11623","title":{"rendered":"6 VS Code Extensions for Laravel Developers"},"content":{"rendered":"\n<p>Today I would like to share about 6 VS Code extensions for Laravel developers. These extensions are so helpful and reduce wasting time. The followings are extension names and their uses. You can easily search and install by their names in VS Code. Let\u2019s take a look.<\/p>\n\n\n\n<p><strong>1. Laravel Blade Snippets<\/strong><\/p>\n\n\n\n<p>The Laravel blade snippets extension adds syntax highlight support for Laravel Blade to your VS Code editor.<\/p>\n\n\n\n<p>Some of the main features of this extension are:<\/p>\n\n\n\n<ul><li>Blade syntax highlight<\/li><li>Blade snippets<\/li><li>Emmet works in blade template<\/li><li>Blade formatting<font><\/li><\/ul>\n\n\n\n<p><font><\/p>\n\n\n\n<p><strong>2. Laravel Snippets<\/strong><\/p>\n\n\n\n<p>The Laravel Snippets extension adds snippets for the Facades like Request:: , Route:: etc.<\/p>\n\n\n\n<p><strong>3. Laravel Blade Spacer<\/strong><\/p>\n\n\n\n<p>The Laravel blade spacer extension automatically adds spacing to your blade templating markers like {{ }}.<\/p>\n\n\n\n<p><strong>4. Laravel Extra Intellisense<\/strong><\/p>\n\n\n\n<p>The Laravel Extra Intellisense extension provides autocompletion for Laravel in VSCode.<\/p>\n\n\n\n<p>The extension comes with auto-completion for:<\/p>\n\n\n\n<ul><li>Route names and route parameters<\/li><li>Views and variables<\/li><li>Configs<\/li><li>Translations and translation parameters<\/li><li>Laravel mix function<\/li><li>Validation rules<\/li><li>View sections and stacks<\/li><li>Env<\/li><li>Route Middlewares<\/li><\/ul>\n\n\n\n<p><font><\/p>\n\n\n\n<p><strong>5. Laravel goto Controller<\/strong><\/p>\n\n\n\n<p>The extension allows you to press Alt + click on the name of the controller in your routes file, and it will navigate you from the route to the respective controller file.<\/p>\n\n\n\n<p><strong>6. Laravel goto View<\/strong><\/p>\n\n\n\n<p>Similar to the Laravel goto Controller extension, the Laravel goto View VScode extension allows you to go from your Controller or Route to your view by pressing Ctrl or Alt + click.<\/p>\n\n\n\n<p>This is all for now. Hope you enjoy that.<\/p>\n\n\n\n<p>By Asahi<\/p>\n<div class='wp_social_bookmarking_light'>\n            <div class=\"wsbl_google_plus_one\"><g:plusone size=\"medium\" annotation=\"none\" href=\"https:\/\/www.gigas-jp.com\/appnews\/archives\/11623\" ><\/g:plusone><\/div>\n            <div class=\"wsbl_hatena_button\"><a href=\"\/\/b.hatena.ne.jp\/entry\/https:\/\/www.gigas-jp.com\/appnews\/archives\/11623\" class=\"hatena-bookmark-button\" data-hatena-bookmark-title=\"6 VS Code Extensions for Laravel Developers\" data-hatena-bookmark-layout=\"standard\" title=\"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"> <img src=\"\/\/b.hatena.ne.jp\/images\/entry-button\/button-only@2x.png\" alt=\"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\" width=\"20\" height=\"20\" style=\"border: none;\" \/><\/a><script type=\"text\/javascript\" src=\"\/\/b.hatena.ne.jp\/js\/bookmark_button.js\" charset=\"utf-8\" async=\"async\"><\/script><\/div>\n            <div class=\"wsbl_twitter\"><a href=\"https:\/\/twitter.com\/share\" class=\"twitter-share-button\" data-url=\"https:\/\/www.gigas-jp.com\/appnews\/archives\/11623\" data-text=\"6 VS Code Extensions for Laravel Developers\" data-via=\"GIGASJAPAN_APPS\" data-lang=\"ja\">Tweet<\/a><\/div>\n            <div class=\"wsbl_facebook_like\"><div id=\"fb-root\"><\/div><fb:like href=\"https:\/\/www.gigas-jp.com\/appnews\/archives\/11623\" layout=\"button_count\" action=\"like\" width=\"100\" share=\"false\" show_faces=\"false\" ><\/fb:like><\/div>\n            <div class=\"wsbl_facebook_send\"><div id=\"fb-root\"><\/div><fb:send href=\"https:\/\/www.gigas-jp.com\/appnews\/archives\/11623\" colorscheme=\"light\" ><\/fb:send><\/div>\n    <\/div>\n<br class='wp_social_bookmarking_light_clear' \/>\n","protected":false},"excerpt":{"rendered":"<p>Today I would like to share about 6 VS Code extensions for Laravel developers. These extensions are so helpful [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[100],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/posts\/11623"}],"collection":[{"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/comments?post=11623"}],"version-history":[{"count":2,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/posts\/11623\/revisions"}],"predecessor-version":[{"id":11626,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/posts\/11623\/revisions\/11626"}],"wp:attachment":[{"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/media?parent=11623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/categories?post=11623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gigas-jp.com\/appnews\/wp-json\/wp\/v2\/tags?post=11623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}