当前位置：主页 > 查看内容

在VScode中创建你的代码模板的方法

发布时间：2021-04-26 00:00| 有 位朋友查看

简介：使用VScode的用户代码片段功能，来生成自己习惯的代码模板，提升开发效率 1.选择菜单里的 文件 首选项 用户代码片段 2.选择你需要自定义模板的文件，以vue为例 3. 配置对应文件json 把代码片段写在json里。每个代码段都是在一个代码片段名称下定义的，并且有……

使用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创建代码模板内容请搜索尊托云数以前的文章或继续浏览下面的相关文章希望大家以后多多支持尊托云数！


本文转载自网络，原文链接：https://m.jb51.net/article/185827.htm
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：JavaScript的正则也有单行模式了 下一篇：Spring3.0配置多个事务管理器的方法

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐