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

 更新时间:2020年04月30日 14:55:26   作者:乐活是一种态度  
这篇文章主要介绍了在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创建代码模板内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 解决IDEA中编辑HTML格式文件不自动缩进问题

    解决IDEA中编辑HTML格式文件不自动缩进问题

    这篇文章主要介绍了解决IDEA中编辑HTML格式文件不自动缩进问题,本文内容简短,解决方法给大家提出了,需要的朋友可以参考下
    2020-01-01
  • 算法系列15天速成 第八天 线性表【下】

    算法系列15天速成 第八天 线性表【下】

    上一篇跟大家聊过“线性表"顺序存储,通过实验,大家也知道,如果我每次向顺序表的头部插入元素,都会引起痉挛,效率比较低下,第二点我们用顺序存储时,容易受到长度的限制,反之就会造成空间资源的浪费
    2013-11-11
  • 基于IntelliJ IDEA/Android Studio插件开发指南(推荐)

    基于IntelliJ IDEA/Android Studio插件开发指南(推荐)

    Android Studio是基于Intellij IDEA开发的,所以开发Android Studio的插件,其实就是开发IDEA的插件。根据官方推荐,使用IDEA IDE来开发IDEA插件,本文给大家介绍插件开发的基本流程,感兴趣的朋友一起看看吧
    2021-10-10
  • Postman测试报告的生成方法

    Postman测试报告的生成方法

    做完测试后,都会编写一份测试报告,测试报告中最主要的就是呈现出测试结果,哪些用例通过了,哪些用例没有通过。像postman这么强大的功能也可以自动生成报告,供我们测试同学进行查看,显得更加有B格
    2022-01-01
  • Git冲突处理指南之如何高效解决代码冲突问题

    Git冲突处理指南之如何高效解决代码冲突问题

    我们在日常使用Git的过程中经常会发生一些意外情况,如果处理不当,则可能会出现代码丢失的假象,这篇文章主要给大家介绍了关于Git冲突处理指南之如何高效解决代码冲突问题的相关资料,需要的朋友可以参考下
    2024-08-08
  • 手把手教你使用Git(图文教程)

    手把手教你使用Git(图文教程)

    这篇文章主要介绍了手把手教你使用Git(图文教程),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 音视频基本概念和FFmpeg的简单入门教程详解

    音视频基本概念和FFmpeg的简单入门教程详解

    FFmpeg是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。可以轻易地实现多种视频格式之间的相互转换,这篇文章主要介绍了音视频基本概念和FFmpeg的简单入门,需要的朋友可以参考下
    2022-04-04
  • 从Git上checkout指定的文件夹至本地的代码

    从Git上checkout指定的文件夹至本地的代码

    这篇文章主要介绍了从Git上checkout指定的文件夹至本地的代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • Azkaban3.81.x部署过程及遇到的坑

    Azkaban3.81.x部署过程及遇到的坑

    这篇文章主要介绍了Azkaban3.81.x部署过程详细介绍及遇到的坑,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • git安装及idea配置的详细教程

    git安装及idea配置的详细教程

    这篇文章主要介绍了git安装及idea配置的详细教程,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10

最新评论