1. 程式人生 > 實用技巧 >VSCode新增程式碼片段

VSCode新增程式碼片段

1.設定->使用者程式碼片段

2.新建全域性程式碼片段檔案

3.輸入新程式碼片段名稱

4.貼上程式碼(注意程式碼必須在[]之間,如果程式碼衝存在雙引號,需要用\進行轉義,每一行程式碼以逗號結尾),之後儲存。
{
 
    "vh": {
        //定義快捷鍵
        "prefix": "vh",
        //快捷鍵對應的文字內容
        "body": [
                    "<!DOCTYPE html>",
                    "<html>",
                    
"<head>", " <meta charset=\"UTF-8\">", " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">", " <title>NCK測試VUE模板</title>", " <script src=\"js/vue.js\"></script>
", "</head>", "<body>", "", " <div id=\"app\">", " {{message}}", " </div>", " <script>", " var vm = new Vue({
", " el:\"#app\",", " data:{", " message:\"NCK測試VUE模板\"", " }", " });", " </script>", "</body>", "</html>" ], "description": "VUE模板快捷鍵" } }

5.輸入vh就能自動生成模板了