Vue 自动导入函数和变量插件 unplugin-auto-import

安装

npm i unplugin-auto-import  -D

vite.config文件

//引入
import ViteAutoImprot from 'unplugin-auto-import/vite'; // 自动导入常用函数和变量

//配置
plugins:[
    ViteAutoImprot({
      imports: ['vue', 'vue-router'],//自动导入常用函数和变量
    }),
]

使用

//import { ref... } from 'vue';
无需再写
直接使用
const h1 = ref(null)

vscode 使用json-comments插件 给packjson添加注释

      "devDependencies.unplugin-auto-import": "自动导入常用函数和变量"

你可能感兴趣的:(#,vue3.0,vue.js,前端,javascript)