在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创建代码模板内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了低版本VS项目在VS2019无法正常编译的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
这篇文章主要介绍了详解git合并冲突解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
这篇文章主要介绍了在VScode中创建你的代码模板的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
windows下Idea使用git clone failed. Could not read from remote r
这篇文章主要介绍了windows下Idea使用git clone failed. Could not read from remote repository.,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-09
本系列教程将会讲解邮件的基本常识与概念，邮件的协议以及邮件服务器的工作原理，然后用JavaMail发送邮件的基本实现过程，邮件内嵌图片等高级邮件技巧。相信大家看完后，一定会有所收获2022-05-05
Jar包一键重启的Shell脚本及新服务器部署的一些经验分享
这篇文章主要介绍了Jar包一键重启的Shell脚本及新服务器部署的一些经验，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了推荐几个好用的WordPress媒体库分类/文件夹管理插件2021-09-09
这篇文章主要介绍了了Git中的.gitignore文件及其用法,包括如何创建、配置和使用.gitignore文件来忽略不需要提交的文件和目录,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-02-02
本文给大家汇总介绍了vscode的下载,安装,常用插件以及常用的快捷键,非常的详细,希望对大家使用vscode能够有所帮助2020-02-02
这篇文章介绍了解决Git推送错误non-fast-forward的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
最新评论