
嗨 工匠,我從 Laravel4.1 到 5.4 一直再用它,我相信它仍然是最流行的PHP框架。它提供許多功能為快速開發 web 和 Api ,以及5.3支援 VueJs 前端開發。你也有很多神奇的功能在這吧?
我已經嘗試使用了很多編輯器如 sublime,phpstorm(在用vs code之前都用它),atom 和現在用的 visual studio code 。每個編輯器都有它各自的優點,但是我第一次試用 visual studio code 的時候,我印象它又酷有強大,特別在 Git 管理,Debug(下面有嘗試)及各種擴充套件外掛??

設定 Laravel 的 Vscode 環境
安裝下面的外掛:
自動新增 HTML/XML 的閉合標籤,像 Visual Studio IDE 或 Sublime Text 一樣。

# Beautify
在 Visual Studio Code 中格式化 javascript
、JSON
、 CSS
、Sass
,以及 HTML
。
Visual Studio Code 中非常好用的視覺化合並衝突工具,靈感來自於 Atom 中的 merge-conflicts 外掛。

用於在谷歌瀏覽器中除錯 JavaScript 程式碼的 VS Code 擴充套件,或支援 Chrome Debugging Protocol 其他功能。

# Eslint
此擴充套件使用安裝在已開啟的工作區資料夾內的 ESLint 庫。如果資料夾沒有提供這個庫,將會匹配全域性安裝的版本。如果既沒有區域性安裝、也沒有全域性安裝 ESLint,可以通過執行npm install eslint
進行區域性安裝或者npm install -g eslint
進行全域性安裝。
# Npm
此擴充套件支援定義在package.json
檔案裡的 npm 指令碼,並根據定義在package.json
裡的依賴項驗證已安裝的模組。

Laravel blade 程式碼片段和語法高亮支援 Visual Studio Code。
此擴充套件由 Derick Rethan 開發,是一個 VS Code 與 XDebug 之間的除錯介面卡。XDebug 是一個 PHP 擴充套件(Linux 下的.so
檔案或 Windows 下的.dll
),需要安裝在你的伺服器上。
Crane 是 Visual Studio Code 的生產力增強擴充套件,提供了 PHP 程式碼的自動完成。它具有零依賴性,並可以極大程度地工作於任何規模的專案裡。它仍在開發中,可能存在 Bug 或缺失某些功能。

使用圖表檢視 Git 歷史,檢視 commit 的詳情資訊,例如作者名、郵件、日期、提交者的作者名、郵件、日期和提交註釋。
檢視先前檔案的拷貝或者將其與工作區版本或先前版本進行比較,檢視編輯器(Git Blame)裡對活動行的更改。

我使用的 Dracula 主題和 Material Icon Theme 圖示主題,現在嘗試使用 Vscode 在 laravel 裡進行除錯吧,執行得好嗎?

更多翻譯文章請見 PHP / Laravel 開發者社群 laravel-china.org/topics/1740…