vscode 快速生成vue 格式

1.用快捷Ctrl + Shift + P唤出控制台

输入"Snippets"并选择 Snippets: Configure User Snippets

2.输入vue,选中vue.json

vs code自动生成vue.json文件

3.在 vue.json 中添加模板

复制代码
{
	"Print to console": {
			"prefix": "vue2",
			"body": [
					"<template>",
					"  <div></div>",
					"</template>",
					"",
					"<script>",
					"export default {",
					"  components: {},",
					"  props: {},",
					"  data() {",
					"    return {",
					"    };",
					"  },",
					"  watch: {},",
					"  computed: {},",
					"  methods: {},",
					"  created() {},",
					"  mounted() {}",
					"};",
					"</script>",
					"<style lang=\"less\" scoped>",
					"</style>"
			],
			"description": "A vue file template"
	}
}

4.新建一个 vue 文件,输入"vue2",按下回车键,自动生成模板

相关推荐
摇滚侠30 分钟前
PNPM 包管理工具和 NPM 包管理工具
vscode·npm·node.js·pnpm
天才少女爱迪生38 分钟前
在 VSCode 中配置 SSH 并实现 X11 转发:服务器程序远程桌面显示
ide·vscode·ssh
100分简历2 小时前
无图标简洁大方的简历模板下载
人工智能·面试·职场和发展·pdf·编辑器
zmjjdank1ng2 小时前
Vim是什么?Vim和vi有什么关系
linux·编辑器·vim
Clarice__3 小时前
VScode上的python使用教程
vscode·python·conda
zyplayer-doc3 小时前
文档增加访问密码设置,编辑器增加导航,登录日志增加IP归属地和浏览器信息展示,zyplayer-doc 2.5.9 发布啦!
人工智能·pdf·编辑器·飞书·开源软件·有道云笔记
PM老周3 小时前
2026年Confluence替代软件:企业知识库选型指南
前端·人工智能·编辑器·团队开发
少年强则国强3 小时前
anaconda安装配置pycharm
ide·python·pycharm
hbstream海之滨视频网络技术4 小时前
国内AI编程IDE对比(二):从零构建桌面应用实测
ide·ai编程
CaracalTiger7 小时前
什么是Clawdbot?Clawdbot下载、安装、配置教程(最新版Moltbot)
python·编辑器·aigc·idea·ai编程·intellij idea·agi