vscode怎么自定义代码模版?下面本篇文章给大家介绍一下vscode快速创建vue文件模版的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
相关推荐:《vscode基础教程》
修改位置
打开vscode首选项-用户片段,可以搜索已有的文件名,或者新建一个json文件。
创建自定义模版
立即学习“前端免费学习笔记(深入)”;
{ "Print to console": { "prefix": "ybase", "body": [ "<template>", " <div>", " <!-- Page -->", " </div>", "</template>", "<script lang=\"ts\">", "import { Vue, Component } from \"vue-property-decorator\";", "", "@Component({})", "export default class NAME extends Vue {", " // component", "}", "</script>", "<style lang=\"scss\">", "// style", "</style>", "" ], "description": "YBASE" } }
使用方法
以上我创建的是快速创建vue文件模版。
新建页面后,通过配置的快捷指令“ybase”即可快速生成页面代码。
更多编程相关知识,请访问:编程入门!!
以上就是使用VSCode快速创建vue文件模版的方法介绍的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号