1-1 網頁編輯器

一、Visual Studio Code文字編輯器

1. 官網：https://code.visualstudio.com/
   整合Git、終端機
2. 下載：https://code.visualstudio.com/#alt-downloads 
3. 建議下載「.zip」攜帶版，位元則視電腦版本而定

二、編輯器設定

1.  
2. 做好編輯器設定（php.exe的實際路徑請視實際情況修改）

   {
       "workbench.startupEditor": "newUntitledFile",
       "git.path": "D:/course/PortableGit/bin/git.exe",
       // 指向 PHP 可執行檔。
       "php.validate.executablePath": "D:/course/UniServerZ/core/php71/php.exe",
   }

   {
   	"git.ignoreMissingGitWarning": true,
   	"update.channel": "none",
   	// 控制字型大小 (以像素為單位)。
   	"editor.fontSize": 18,
   	//  控制是否自動換行。
   	"editor.wordWrap": "on",
   	// 控制編輯器是否應自動設定貼上的內容格式。格式器必須可供使用，而且格式器應該能夠設定檔案中一個範圍的格式。
   	"editor.formatOnPaste": true,
   	// 使用滑鼠滾輪並按住 Ctrl 時，縮放編輯器的字型
   	"editor.mouseWheelZoom": true,
   	// 指向 PHP 可執行檔。
   	"php.validate.executablePath": "C:/Users/使用者名稱/xampp/php/php.exe",
   }

   {
       "workbench.startupEditor": "newUntitledFile",
       "git.path": "C:\\soft\\PortableGit\\bin\\git.exe",
       "git.enableSmartCommit": true,
       "editor.minimap.enabled": false,
       "window.zoomLevel": 1,
       // 指向 PHP 可執行檔。
       "php.validate.executablePath": "C:\\Dropbox\\server\\UniServerZ\\core\\php70\\php.exe",
       // 將檔案關聯設定為語言 (例如 `"*.extension": "html"`)。這些語言優先於已安裝語言的預設關聯。
       "files.associations": {
         "*.tpl": "html"
       },
       "editor.tabSize": 2,
       "editor.multiCursorModifier": "ctrlCmd",
       "explorer.confirmDelete": false
   }

    

3.  

三、編輯器套件

1. 中文語系套件

四、常用快捷鍵

1. Ctrl+N：建立新檔
2. Ctrl+C：複製
3. Ctrl+V：貼上
4. Ctrl+S：儲存
5. Ctrl+F：搜尋
6. Ctrl+Shift+F：跨檔搜尋
7. Ctrl+H：取代
8. Ctrl+/：註解
9. Ctrl+`：開終端機
10. Ctrl+B：關閉左側工具
11. Ctrl+X：刪除目前行
12. Ctrl+G：跳至某行
13. Ctrl+end：跳至檔案結尾
14. Ctrl+Z：回上個動作（復原）
15. Ctrl+Y：回下個動作（再做）
16. shift+alt+F：美化（格式化）語法
17. shift+alt+滑鼠左鍵：區塊標記

• 完整快捷鍵整理：https://poychang.github.io/vscode-shortcuts/
• Emmet語法：https://abgne.tw/web/emmet-tutorial-series-basic.html