首页 网络技术
  1. 正文

vscode创建代码模板的方法

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

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

配置对应文件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创建代码模板的方法
本文链接:https://www.qqooo.cn/post/6079.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!