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

作者: lazy_tomato | 来源:发表于2020-04-14 09:41 被阅读0次

VSCode设置快捷创建常用代码段
创建VScode代码段
Linux常用指令
iOS十种常用代码片
常用vue代码片段
Intellij IDEA使用总结
vscode代码注释插件
vscode使用技巧
VScode 快捷键大全
ios 设置快捷代码段

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

1.前言

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

2. VSCode设置

打开VSCode
文件
首选项
用户代码段
新建一个全局代码段（根据个人需求选择）
取名自定义.json

配置一下代码

// 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"
     }
 }