vue3 setup语法糖快捷生成模板

最新推荐文章于 2024-07-08 16:44:01 发布

怡宝丶加冰

最新推荐文章于 2024-07-08 16:44:01 发布

阅读量615

点赞数

文章标签： vscode ide 编辑器

本文链接：https://blog.csdn.net/m0_60648668/article/details/128189232

版权

vscode

文件 => 首选项 => 用户片段

将下面这段复制进去

"Vue3.2": {
		"prefix": "v3",
		"body": [
		  "<!-- $1 -->",
		  "<template>",
		  "\t<div class=\"\">",
		  "\t\t$3",
		  "\t</div>",
		  "</template>\n",
		  "<script setup>",
		  "import { ref, reactive } from 'vue'",
		  "\t$2",
		  "</script>\n",
		  "<style lang=\"less\" scoped>",
		  "\t$4",
		  "</style>"
		],
		"description": "Vue3.2"
	}