VSCode新增程式碼片段
阿新 • • 發佈:2020-07-17
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就能自動生成模板了