?
1.首先安裝插件
npm install unplugin-auto-import @vitejs/plugin-vue -D
2.安裝完成后在vite.congfig.ts中配置，紅色部分就是關于插件的基礎自動匯入部分，這樣就可以將vue和router的相關api全域匯入了，
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 檔案路徑，用于保存自動生成的型別宣告檔案，這里可以自定義檔案的路徑和名稱用于保存宣告檔案，這里有個關鍵就是在配置完這個后，需要在tsconfig.json檔案中配置一下編譯該.d.ts檔案，就好像我這里將該檔案放在了根目
所以我們需要在tsconfig.json做如下的一些配置?
這里的include屬性指定需要編譯的檔案，所以我們需要將auto-imports.d.ts檔案的路徑包含在include里面才能編譯成功，
這樣就可以成功訪問到對應的api了：
那我們不編譯會怎么樣呢？不配置這個屬性的話就會出現如下警告：
?
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/549910.html
標籤：其他