育將電腦工作室 - 線上書籍

網頁前端設計工程師培訓班
============

- `Chinese (Traditional) Language Pack for Visual Studio Code `：中文介面
- `vscode-goto-documentation `：快速文件搜尋
- `AutoFileName ` : 讓編輯器自動完成圖片或檔案路徑。
- `Auto Rename Tag ` : 讓成對的標籤自動一起修改。
- `Auto Close Tag ` : 讓標籤自動閉合的。
- `Beautify `：美化語法 ```
 <pre class="brush:as3;">
 "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語法提示 ```
 <pre class="brush:as3;">
 "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"
     ],
 ```
 
 
-

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown