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

相关推荐
freewlt6 小时前
VS Code 扩展开发:集成 GitHub Copilot 的完整指南
vscode·node.js
此生只爱蛋6 小时前
【vscode环境配置心得】C++版
c++·ide·vscode
xinhuanjieyi9 小时前
windows安装vscode服务端
ide·windows·vscode
开开心心就好9 小时前
解决打印机共享难题的实用工具
人工智能·vscode·游戏·macos·音视频·语音识别·媒体
TOOLS指南10 小时前
pycharm数据可视化【分析成绩】
ide·信息可视化·pycharm
心之所向,自强不息11 小时前
VSCode + EmmyLua 调试 Unity Lua(最简接入 + 不阻塞运行版)
vscode·unity·lua
石油人单挑所有11 小时前
基于多设计模式下的同步&异步日志系统测试报告
服务器·c++·vscode·设计模式
永恒的溪流11 小时前
学生如何申请专业版pycharm
ide·python·pycharm
乐飞鱼~万维网11 小时前
vscode 调试xdebug 配置问题
ide·vscode·编辑器
❆VE❆12 小时前
python基础篇(一):使用vscode搭建python相关环境
开发语言·vscode·python