給 PHP 開發者的 Visual Studio Code 指南
主講：范聖佑 Laravel 道場
編輯器的黑暗口白
程式碼編譯器的需求
- 語法高亮（Syntax Highlight）
- 程式碼片段（Syntax Snippets）
- 語法提示
- 語法驗證
- 除錯工具
- 版本控管
Vistual Studio Code
- 由 Microsoft 主導開發的編輯器
- Elecrton 技術打造
- 內建語法提示、版本控管與偵錯工具
- 跨平台免費、開放原始碼
- 支援外掛系統，可擴充功能
相關議題分享
- Vistual Studio Code 快速上手指南
- 使用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境
- 凌波微步：wagon + VS Code 的輕功哲學
只背兩個快速鍵
Ctrl + P：開啟檔案
Ctrl + Shift + P：命令選擇區
快速鍵設定
編輯設定檔
自動存檔， onFocusChange
// 將您的設定放入此檔案中以覆寫預設值
{
// 控制已變更檔案的自動儲存功能。接受的值: "off"、"afterDelay"、"onFocusChange"。如果設定為 "afterDelay"，您可以在 "files.autoSaveDelay" 中設定延遲時間。
"files.autoSave": "onFocusChange",
// 控制經過這段延遲時間後會自動儲存已變更檔案的毫秒數。僅適用於 "files.autoSave" 設定為 "afterDelay" 時。
"files.autoSaveDelay": 1000
}
滑鼠滾輪調整編輯區得字型大小
// 將您的設定放入此檔案中以覆寫預設值
{
// 使用滑鼠滾輪並按住 Ctrl 時，縮放編輯器的字型
"editor.mouseWheelZoom": true
}
程式碼縮排引導線
// 將您的設定放入此檔案中以覆寫預設值
{
// Controls whether the editor should render indent guides
"editor.renderIndentGuides": true
}
VS Code 軍火庫
https://marketplace.visualstudio.com/VSCode
wagon
- Laravel 道場拿來做教育訓練的模擬器
- 整合 Cmder、UwAmp、git、Composer 等多項開源程式碼工具於一體
- 獨立的環境變數、port 設定
- 免安裝、免設定、解壓縮即可使用
- 在會重開機自動還原的環境下特別好用
開放源始碼：WAGON - 免安裝可攜的 LARAVEL 開發環境
一系列 wagon + VS Code PHP Laravel 開發環境建置
- 相關內容可以看講師的 slide
- Laravel 台灣超強，完全把 VS Code 打造程好用的 PHP IDE 工具
- .NET 開發人員很幸福，微軟都幫你做到好了
講師的 VS Code 設定檔：路徑記得