Title1

Title2

Title3

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"
        ],
    

  •