Visual Studio Code 是一款好用、免費的程式碼編輯器,但比起PhpStorm來,有一許多好用的功能並沒有內建。幸好有很多佛心的神人,寫了許多好用的Extension,讓我們可以用起這一款面費的編輯器,可以有付費編輯器相同的功能。最重要的是,這些好用的Extension可以加速我們寫程式的速度。

下面就讓我們來看看,哪一些是在VS Code中必裝的Extension吧!

Laravel Artisan

這個由Ryan Naddy製作的extension,讓我們可以在Go to file (Command+P)中,打入artisan指令,並且執行它。十分方便、好用。

Laravel Blade Snippets

由Winnie Lin撰寫,超過一千萬的安裝,就可以知道,這個Extension有多麽受到歡迎,幾乎每個使用vs code來做Laravel的都一定要裝。

這一個Extension主要是讓我們在編輯Laravel Blade的時候,可以自動完成所要打的程式碼。

Laravel Blade Spacer

由 Austen Cameron 製作,也有13萬的下載數。這個Extension主要是幫我們完成在blade中,當我們要引入php code的時候,常需要打入 { 。而這一個Extension就是幫我們完成各種{{ 的對應。

Laravel goto view

codingyu提供的這一款Extension 可以幫助我們,在controller 中return 一個view的時候,透過這個extension可以讓我們快速連結到那一個blade檔案。這可以讓我們不用花時間去一個一個點開資料夾、打開檔案。

Laravel Snippets

一樣由Winnie Lin撰寫,auto completion 功能的工具。

Laravel Extra Intellisense

由amir提供,這一個Extension一樣提供了許多Laravel routes, views … autocomplete的功能。

Live Sass Compiler

Ritwick Dey製作的這個sass complier,超過一百萬的下載。他可以讓我們迅速地compile/transpile SASS/SCSS檔案成CSS 檔案。

Beautify css/sass/scss/less

michelemelluso提供的這個Extension就如同他的名字,可以美化我們的css/sass/scss/less程式碼

PHP IntelliSense

由Felix Becker提供,超過5百萬的下載安裝,雖然只有三顆星評價,但是還是一個很好用的autocomplete工具。

Getter and Setter Generator

由Agustin Martinez Ibarra 製作。這個Extension可以幫我們迅速、大量地從class變數宣告(class variable declarations)中產出get and set methods。

Bracket Pair Colorizer

由CoenraadS製作,讓你的程式碼每一個對應的括弧有美美的顏色,可以很迅速地找到開始與結束點。

Emmet Live

Yurii Semeniuk提供的這個Extension可以讓我們迅速地在寫如div這樣的html標籤時,幫我們完成結束對應。

GitHub

由KnisterPeter製作的這個Extension 可以用來pull和push我們的專案到github上….如果你有用github的話。

JavaScript (ES6) code snippets

charalampos karypidis製作,如同上面的Laravel Snippets和PHP IntelliSense,讓我們可以快速處理javesctipt程式碼。

VSCode Great Icons

最後,這一個由Emmanuel Béziat製作的extension讓我們檔案擁有一個漂亮的icon,可以讓我們很迅速地找到我們要的檔案。

記得,在安裝完這個extension之後,要按下「Set File Icon Theme」,選擇VScode Great Icons。這樣才能在左邊的導覽列中看到美美的icons喔!