Ref全家桶

小工具介绍

小工具介绍 => 根据输出提前自定义好的单词可以输出自定义对应的内容(乍一看好像有点像剪切板)
vscode ->用户偏好设置(Configure User Snippets) -> vue.json 中,添加如下代码

{
    "Print to console": {
        "prefix": "vue3",
        "body": [
            "<template>",
            "",
            " <div></div>",
            "",
            "</template>",
            "",
            "<script setup lang='ts'>",
            "import { ref,reactive} from 'vue'",
            "",
            "</script>",

            "<style scoped>",
            "",
            "</style>",
        ],
        "description": "Log output to console"
    }
}

在 vs_code 中 .vue 文件中输入 vue3 回车,即会出现如下代码

<template>

 <div></div>

</template>

<script setup lang='ts'>
import { ref,reactive} from 'vue'

</script>
<style scoped>

</style>