天天看點

vue學習3-VSCode添加自定義代碼片段

1. ctrl+shift+p:打開指令行視窗。

2. 搜尋snippets關鍵字。選擇Preferenece:Configure User Snippets

3. 選擇html.json,打開這個檔案。

vue學習3-VSCode添加自定義代碼片段
vue學習3-VSCode添加自定義代碼片段

 在html.json檔案中  輸入

  "my vue": {

    "prefix": "html",

    "body": [

      "<!DOCTYPE html>",

      "<html lang='en'>",

      "<head>",

      " <meta charset='UTF-8'>",

      " <meta http-equiv='X-UA-Compatible' content='IE=edge'>",

      " <meta name='viewport' content='width=device-width, initial-scale=1.0'>",

      " <script src='https://unpkg.com/vue/dist/vue.js'></script>",

      " <title></title>",

      "</head>",

      "<body>",

      " <div id='app'>",  

      " </div>",

      " <script>",

      "    new Vue({",

      "     el:'#app',",

      "     data:''",

      "   }",

      ")",

      "</script>",

      "</body>",

      "</html>",

    ],

    "description": "my vue"

  }

}

vue