vue3+vite+ts 自动导入AutoImport完整配置

  1. 下载unplugin-auto-import,npm install unplugin-auto-import。
  2. vite.config.js插件内引入配置。
    具体配置内容:

    //自动导入vue api

    AutoImport({

    imports: [

    // 自动导入 Vue 相关函数

    'vue',

    'vue-router',

    'pinia',

    {

    'vue-router': ['useRoute', 'useRouter'],

    'pinia': ['defineStore', 'storeToRefs'],

    'vue': ['ref', 'reactive', 'computed', 'watch', 'onMounted', 'onUnmounted'],

    '@vueuse/core': ['useMouse', 'useEventListener']

    }

    ],

    dts: './auto-imports.d.ts',// 生成 TypeScript 类型声明文件

    eslintrc: {

    // 生成 eslint 配置文件

    enabled: true,

    globalsPropValue: true, // 生成全局属性定义文件 下面这个文件

    filepath: './.eslintrc-auto-import.json',

    },

    // dirs: [

    // './src/composables/**',

    // './src/stores/**',

    // './src/utils/**'

    // ],

    // vueTemplate: true

    }),

  3. 添加进全局的vite类型声明文件即tsconfig.app.json include 添加类型声明文件路径。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值