VS Code 创建模版文件

原创已于 2025-02-10 14:32:09 修改 · 330 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2025-02-10 14:23:15 首次发布

前端同时被 2 个专栏收录

2 篇文章

订阅专栏

vscode

1 篇文章

订阅专栏

文件 - 首选项 - 配置代码片段

选择新建代码片段文件

新建一个模版文件，这里我建的是json格式

{
	"Vue 3 SFC Template": {
		"prefix": "vue3scss",
		"body": [
			"<template>",
			"  <div> </div>",
			"</template>",
			"",
			"<script setup>",
			"import { ref } from 'vue';",
			"",
			"</script>",
			"",
			"<style scoped lang='scss'>",
			"",
			"</style>"
		],
		"description": "vue3 setup scss"
	}
}

现在全局输入vue3scss 的效果就是