gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章在VScode中创建你的代码模板的方法由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

使用VScode的用户代码片段功能,来生成自己习惯的代码模板,提升开发效率 。

1.选择菜单里的 文件 > 首选项 > 用户代码片段 。

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

2.选择你需要自定义模板的文件,以vue为例 。

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

3. 配置对应文件json 。

把代码片段写在json里。每个代码段都是在一个代码片段名称下定义的,并且有prefix、body和description。prefix是用来触发代码片段的。使用 $1,$2 等指定光标位置,这些数字指定了光标跳转的顺序,$0表示最终光标位置.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
{
  "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://blog.csdn.net/weixin_38628686/article/details/80284892 。

最后此篇关于在VScode中创建你的代码模板的方法的文章就讲到这里了,如果你想了解更多关于在VScode中创建你的代码模板的方法的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com