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",按下回车键,自动生成模板

相关推荐
sniper_fandc43 分钟前
IDEA修改系统缓存路径,防止C盘爆满
java·ide·intellij-idea
CUIYD_19891 小时前
Eclipse 常用搜索功能汇总
java·ide·eclipse
byte轻骑兵3 小时前
365 天技术创作手记:从一行代码到四万同行者的相遇
ide·vscode·编辑器
点云侠5 小时前
解决Visual Studio 2022编译工程速度慢的问题
开发语言·c++·ide·算法·计算机视觉·visual studio
奥特曼打小白5 小时前
Visual Studio Code的第一次安装
ide·vscode·编辑器
weixin_456904275 小时前
Vscode中开发VUE项目的调试方案
ide·vue.js·vscode
小猫挖掘机(绝版)5 小时前
通过tailscale实现一台电脑上vscode通过ssh连接另一台电脑上的VMware Linux 虚拟机
linux·windows·vscode·ubuntu·ssh
和小胖11225 小时前
第二讲 Vscode+Python+anaconda 高阶环境配置
ide·vscode·python
峥嵘life6 小时前
Android Studio新版本编译release版本apk实现
android·ide·android studio
凯哥Java6 小时前
适应新环境:Trae编辑器下的IDEA快捷键定制
java·编辑器·intellij-idea