1-4-1 安裝 Visual Studio Code 的相關套件

• Chinese (Traditional) Language Pack for Visual Studio Code ：中文介面
• vscode-goto-documentation ：快速文件搜尋
• AutoFileName  : 讓編輯器自動完成圖片或檔案路徑。
• Auto Rename Tag  : 讓成對的標籤自動一起修改。
• Auto Close Tag  : 讓標籤自動閉合的。
• Beautify ：美化語法

  "beautify.language": {        
          "js": {
              "type": [
                  "javascript",
                  "json"
              ],
              "filename": [
                  ".jshintrc",
                  ".jsbeautifyrc"
              ]
              // "ext": ["js", "json"]
              // ^^ to set extensions to be beautified using the javascript beautifier
          },
          "css": [
              "css",
              "scss"
          ],
          "html": [
              "htm",
              "html"
          ]
          // ^^ providing just an array sets the VS Code file type
      },
      "beautify.config": {
          "indent_size": 4,
          "indent_char": " ",
          "wrap_line_length": 0,
          "css": {
              "indent_size": 2
          }
      },
  

• indent-rainbow ：以顏色標出縮排
• Material Icon Theme ：精美的檔案圖示
• HTML CSS Support ：各種CSS語法提示

  "css.styleSheets": [
          "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css",
          "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css"
      ],
      "css.enabledLanguages": [        
          "css",
          "scss",
          "tpl"
      ],
  

•