在VScode中创建你的代码模板的方法
2020-05-01 12:07
756 查看
使用VScode的用户代码片段功能,来生成自己习惯的代码模板,提升开发效率
1.选择菜单里的 文件 > 首选项 > 用户代码片段
2.选择你需要自定义模板的文件,以vue为例
3. 配置对应文件json
把代码片段写在json里。每个代码段都是在一个代码片段名称下定义的,并且有prefix、body和description。prefix是用来触发代码片段的。使用 $1,$2 等指定光标位置,这些数字指定了光标跳转的顺序,$0表示最终光标位置。
{ "vue-template": { "prefix": "vue", "body": [ "<template>", " <div class=\"$1\">", "", " </div>", "</template>", "", "<script>", "export default {", " name: '$1',", " data() { ", " return {", "", " }", " }", " }", "</script>", "", "<style lang=\"\" scoped>", " .$1{", "", " }", "</style>" ], "description": "my vue template" } }
还有更复杂的用法…一般也用不到,我就不在这里写了。
到此这篇关于在VScode中创建你的代码模板的方法的文章就介绍到这了,更多相关VScode创建代码模板内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- 在vscode里使用.vue代码模板的方法
- 在VScode中创建你的代码模板
- VS Code转换大小写、修改选中文字或代码颜色的方法
- vscode编写代码快速生成html模板
- Vue-cli Eslint在vscode里代码自动格式化的方法
- vscode配置总结可收藏/vscode用户设置大全/vue代码模板
- vscode vue 文件模板的配置方法
- vsCode创建vue模板
- mac系统中vscode快速创建html文件方法
- Xcode4.6、5.1修改创建代码模板方法
- 关于vscode更新后 格式化代码造成函数括号后的空格被删除,单引号变双引号问题的解决方法
- 使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
- 在VS Code中创建vue的模板
- vscode建立vue模板文件的方法
- vs code vue模板创建
- VsCode中运行nodeJs代码的简单方法
- vs code中如何使用bootstrap快速创建代码
- 关于vs code下载vetur后vue代码颜色仍无改变的解决方法
- 使用vscode,根据vue基础模板文件生成代码
- 使用vscode创建vue代码片段