使用VSCode快速创建vue文件模版的方法介绍

vscode怎么自定义代码模版?下面本篇文章给大家介绍一下vscode快速创建vue文件模版的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

使用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
喜欢就支持一下吧
点赞8 分享