vscode新建vue3代码片段

380 阅读1分钟

步骤:

  1. 打开vscode
  2. 点击左下角设置
  3. 选择“代码片段”
  4. 然后新建代码片段(命名和选择生效范围)
  5. 输入以下代码:
{
	"Vue Single File Component": {
	  "prefix": "vue",
	  "body": [
		"<template>",
		"  <div>",
		"    $1",
		"  </div>",
		"</template>",
		"",
		"<script setup>",
		
		"</script>",
		"",
		"<style scoped>",
		"$4",
		"</style>"
	  ],
	  "description": "Create a Vue single file component"
	}
  }