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!!
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END