1-4 安裝開發工具

1. 官網：https://code.visualstudio.com/
2. 開發工具，請使用自己慣用的文字編輯器即可，上課用 Visual Studio Code 為主
3. 建議先安裝：
   1. node.js https://nodejs.org/en/ ，讓功能更完整（務必安裝 > 6.0 版本）。
   2. git https://git-scm.com/download/win，VSCode的版本控制才會有作用。
4. 建議的編輯器設定

   {
       // 控制字型大小 (以像素為單位)。
       "editor.fontSize": 18,
       //  - 'bounded' (當檢視區縮至最小並設定 'editor.wordWrapColumn' 時換行).
       "editor.wordWrap": "on",
       // 控制編輯器是否應自動設定貼上的內容格式。格式器必須可供使用，而且格式器應該能夠設定文件中一個範圍的格式。
       "editor.formatOnPaste": false,
       // 使用滑鼠滾輪並按住 Ctrl 時，縮放編輯器的字型
       "editor.mouseWheelZoom": true,
       // 若啟用，則會在儲存檔案時，修剪檔案末新行尾的所有新行。
       "files.trimFinalNewlines": true,
       // 若啟用，將在儲存檔案時修剪尾端空白。
       "files.trimTrailingWhitespace": true,
       // 在儲存時設定檔案格式。格式器必須處於可用狀態、檔案不得自動儲存，且編輯器不得關機。
       "editor.formatOnSave": false,
       "files.associations": {
           "*.tpl": "html"
       },
       "[php]": {
           "editor.formatOnSave": true
       },
       // 控制是否應在輸入時自動顯示建議
       "editor.quickSuggestions": {
           "other": true,
           "comments": false,
           "strings": true
       },
       "editor.minimap.enabled": false,
       "editor.tabCompletion": "onlySnippets",
       // "editor.snippetSuggestions": "top",
       "editor.linkedEditing": true,
       "editor.suggestSelection": "first",
       "git.enableSmartCommit": true,
       "git.autofetch": true,
       "git.confirmSync": false,
   }

    

5.