VSCode 如何操作使用者自定義程式碼片段(快捷鍵)
阿新 • • 發佈:2018-11-23
如何操作使用者自定義程式碼片段(快捷鍵)?
第一步:檔案==>首選項==>使用者程式碼片段
第二步:選擇程式碼片段檔案 html.json
第三步:輸入要自定義的快捷鍵 和 模板程式碼段
{ "vh": { "prefix": "vh", // 觸發的關鍵字 輸入vh按下tab鍵 "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "", "<head>", " <meta charset=\"UTF-8\">", " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">", " <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">", " <title>Document</title>", " <script src=\"./lib/vue-2.4.0.js\"></script>", "</head>", "", "<body>", " <div id=\"app\"></div>", " <script>", " var vm=new Vue({", " el:'#app',", " data:{},", " methods:{}", " });", " </script>", "</body>", "", "</html>", ], "description": "vh components" } }
第四步:進入 .html 字尾的檔案中 按快捷鍵 vh 後按 tab 鍵 即可實現快速輸入程式碼段
PS: 設定成功