vscode中自定义代码片段

    科技2022-08-13  95

    以html模板为例:

    文件 => 首选项 => 用户片段输入html,打开html.json文件 示例: 新建html文件,输入自定义的关键字 “vh”

    代码段:

    "vh": { "prefix": "vh", "body": [ "<!DOCTYPE html>", "<html lang='en'>", " ", "<head>", " <meta charset='UTF-8'>", " <meta name='viewport' content='width=device-width, initial-scale=1.0'>", " <title>Document</title>", "</head>", " ", "<body>", " <div id='app'></div>", " ", " <!-- 导入 vue 文件 -->", " <script src='./lib/vue_2 .5 .22.js'></script>", " <!-- 导入 vue-router 文件-->", " <script src='./lib/vue-router_3.0.2.js'></script>", " ", " <script>", " // 创建 vm 实例对象", " var vm = new Vue({", " el: '#app',", " data: {}", " })", " </script>", " ", "</body>", " ", "</html>" ] }
    Processed: 0.009, SQL: 8