?1.首先安裝插件
npm install unplugin-auto-import @vitejs/plugin-vue -D
2.安裝完成后在vite.congfig.ts中配置，紅色部分就是關(guān)于插件的基礎(chǔ)自動導(dǎo)入部分，這樣就可以將vue和router的相關(guān)api全局導(dǎo)入了，
import AutoImport from "unplugin-auto-import/vite"
export default defineConfig({
? plugins: [
? ? vue(),
? ? AutoImport({
? ? ? imports: ["vue", "vue-router"],
? ? ? dts: "types/auto-imports.d.ts",
? ? }),
? ],
})
注意：dts: 指定一個 .d.ts 文件路徑，用于保存自動生成的類型聲明文件，這里可以自定義文件的路徑和名稱用于保存聲明文件，這里有個關(guān)鍵就是在配置完這個后，需要在tsconfig.json文件中配置一下編譯該.d.ts文件，就好像我這里將該文件放在了根目
?
?文章來源地址http://www.zghlxwxcb.cn/news/detail-411453.html
?文章來源：http://www.zghlxwxcb.cn/news/detail-411453.html
?
?所以我們需要在tsconfig.json做如下的一些配置?
?這里的include屬性指定需要編譯的文件，所以我們需要將auto-imports.d.ts文件的路徑包含在include里面才能編譯成功。
這樣就可以成功訪問到對應(yīng)的api了：
那我們不編譯會怎么樣呢？不配置這個屬性的話就會出現(xiàn)如下警告：
?
?
?到了這里，關(guān)于基于vue3+ts+vite的項目使用‘unplugin-auto-import/vite’插件，自動全局導(dǎo)入api的注意事項的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
