• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    在VScode中创建你的代码模板的方法

    使用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添加open with code实现右键打开文件夹
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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