VSCode设置快捷创建常用代码段

2020-04-14  本文已影响0人  lazy_tomato

VSCode设置快捷创建常用代码段

1.前言

由于最近一直写一些关于vue的简单的demo,所以一直频繁的敲一些重复性的代码，刚好发现了VSCode的这个功能（其他编辑器同样也有），所以写一个简单的教程，非常方便，好了话不多说，直接来。

2. VSCode设置

  1. 打开VSCode

  2. 文件

  3. 首选项

  4. 用户代码段

  5. 新建一个全局代码段（根据个人需求选择）

  6. 取名 自定义.json

  7. 配置一下代码

    // vue模板
 {
     "doc for vue": {
         "prefix": "vue",
         "body": [
             "<!DOCTYPE html>",
             "<html>",
             "",
             "<head>",
             "    <meta charset=\"UTF-8\">",
             "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">",
             "    <title>${1:Document}</title>",
             "    <script src=${2:\"./lib/Vue2.6.11.js\"}></script>",
             "</head>",
             "",
             "<body>",
             "    <div id='app'>",
             "     ${3}",
             "    </div>",
             "    <script>",
             "        var vm = new Vue({",
             "            el: '#app',",
             "            data: {",
             "                ${4} ",
             "            },  ",
             "            methods: {",
             "                ${5} ",
             "            }",
             "        })",
             "    </script>",
             "</body>",
             "",
             "</html>"
         ],
         "description": "快速生成vue"
     }
 }
上一篇下一篇

猜你喜欢

热点阅读