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" } }
- prefix 设置你快捷输入的指令（例如我们之前敲！就会出html基本模板）
- body 你要快捷生成的代码（根据自身需求区设置）
- description文件说明
- 注意一下文件缩进
网友评论