主页 > 知识库 > 在VScode中创建你的代码模板的方法

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

热门标签:银川语音外呼系统中心 承德地图标注公司收费 华创e路航彩票销售点地图标注 揭阳电脑外呼系统公司 鹤壁外呼系统公司 suitecrm 地图标注 外呼系统号显示星号怎么看 临沂ai电销机器人招商 高德地图标注常显

使用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中快速创建自定义代码模板的方法

标签:三沙 汕尾 莱芜 枣庄 许昌 咸宁 七台河 忻州

巨人网络通讯声明:本文标题《在VScode中创建你的代码模板的方法》,本文关键词  在,VScode,中,创建,你的,代码,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《在VScode中创建你的代码模板的方法》相关的同类信息!
  • 本页收集关于在VScode中创建你的代码模板的方法的相关信息资讯供网民参考!
  • 推荐文章