VScode快速一鍵生成html、vue、jsx、ajax、sass、docker等代碼片斷

學會添加自定義snippet（代碼段）就能夠極大的提升你的開發效率

1.文件 => 首選項 => 用戶代碼片斷

2.選擇你須要新建的代碼片斷的語言

3.進入代碼片斷編輯界面

1. 全部的代碼片斷須要用""或''包裹
2. \\t表示製表符
3. 空的一行必須用''或""包裹
4. $1表明光標第一次出現的位置，$2表明按下tab後光標第二次出現的位置

4.一個簡單地.jsx demo

{
    "JSX": {
        "prefix": "jsx", // 觸發的關鍵字 輸入jsx按下tab鍵
        "body": [
            "import React from 'react'",
            "",// 空的一行
            "class Demo extends React.Component {",
            "\trender() {", // 有製表符的一行
            "\t\treturn (",
            "\t\t\t$1",    // 光標首次出現的位置            
            "\t\t)",
            "\t}",
            "}",
            "",
            "export default Demo",
        ],
        "description": "jsx components"
    }
}

5.demo

備註：官方文檔 https://code.visualstudio.com...