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

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

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

配置对应文件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》频道 >>
转载请注明出处:木庄网络博客 » vscode如何创建代码模板