大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
今天偶然间被朋友问到 ： 你的 VSCode 配置代码片段了没有 ？
我 ？ 啥代码片段 ？ 是 Vue 的快捷模板代码么 ？
因为公司是内网开发环境 ， 许多 VSCode 好用的插件下不了 ，
所以就得自己进行一下配置了 ， 当然这个问题下载几个插件也可解决：
- Vetur
- Vue 3 Snippets
- Vue VSCode Snippets
OK ， 那既然这样的话 ， 有需求 ， 咱们就开整 ：
前端行业使用的编辑器有很多，比如 VSCode 和 webStorm ，其中在创建 vue 文件后webStorm 可以自动生成相关的代码，而在 VSCode 中得一个一个的敲，这样既浪费时间又效率低 ，因此，在 VSCode 中可以一键生成 vue 模板吗 ？当然可以，过程如下：
1、打开 VSCode 编辑器
2、左上角 文件(F) => 首选项 => 用户片段
3、在出现的框中输入 vue 之后按回车键
4、在出现的 vue.json 文件内写入以下代码
{ "vb": { "prefix": "vb", "body": [ "<template>", " <div></div>", "</template>", "", "<script>", "export default {", " name: '',", " data() {", " return {", " };", " },", " computed:{", " },", " watch:{", " },", " methods: {},", "};", "</script>", "", "<style scoped>", "", "</style>", "" ], "description": "vb components" } }复制上面的代码，在相应的 vue 文件中输入 vb 之后回车，就会生成 vue 模板
效果如下图所示：
好啦，vue 模板就生成了，是不是很简单呢 ✌️ ✌️ ✌️
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/196516.html原文链接：https://javaforall.net
