vscode如何创建代码模板


本文摘自PHP中文网,作者V,侵删。

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

ce0c6cd85f7357334271de428b40d04.png

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

90b3dfe0dc5df25937517cedf6250e0.png

配置对应文件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如何创建代码模板的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

vsCode go扩展安装失败

vsCode中使重构变得容易的5个插件(分享)

vsCode插件文件在哪

分享10款高效的vsCode插件,总有一款能够惊艳到你!!

解决windows下vsCode找不到c++头文件

vsCode中的eslint插件不起作用

vsCode使用pylint插件禁用e1101报错

vsCode mac运行不了怎么办

vsCode配置c语言开发环境

vsCode实战之开发一个五脏俱全的翻译插件

更多相关阅读请进入《vsCode》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...