vscode 自定義代碼片斷

1.添加「用戶代碼片斷」的菜單位置：

文件-> 首選項 -> 用戶代碼片斷

代碼片斷文件存儲的路徑：

C:Usersyour-user-nameAppDataRoamingCodeUsersnippetstaosapp.code-snippets

2.示例：增長三個片斷

• 1) sclink 輸出HTML

<script src="assets/x.js"></script>

• 2) csslink 輸出HTML

<link rel="stylesheet" href="assets/x.css">

• 3) for5 輸出javascript

for (var i = 0; i < array.length; i++) {
    var item = array[i];

};

"taosapp.code-snippets"裏的內容

{
    "scLink": {
        "prefix": "sclink",
        "body": [
            "<script src=\"assets/$1.js\"></script>",
            "\t$2"
        ],
        "description": "script link"
    },
    "cssLink": {
        "prefix": "csslink",
        "body": [
            "<link rel=\"stylesheet\" href=\"assets/$1.css\">",
            "\t$2"
        ],
        "description": "css link"
    },
    "for loop ES5": {
        "prefix": "for5",
        "body": [
            "for (var i = 0; i < array.length; i++) {\n        var item = array[i];\n        $1\n};"
        ],
        "description": "ES5 for code"
    }
}