1吓肋、Vite 需要 Node.js 版本 18+僧叉，20+
2炕舵、Vite 官網(wǎng)：https://cn.vitejs.dev/guide/
3、初始化項目
(1) npm create vite@latest
image.png
(2) 自定義create-vue
image.png
(3)選項
image.png
4咕痛、初始化完有幾個小問題
(1)找不到模塊“vue”簿姨。你的意思是要將 "moduleResolution" 選項設(shè)置為 "node"距误，還是要將別名添加到 "paths" 選項中?ts(2792)
image.png
修復(fù)方法：
image.png
"moduleResolution": "node",
(2)找不到模塊“./App.vue”或其相應(yīng)的類型聲明。ts(2307)
image.png
修復(fù)方法：
image.png
找到env.d.ts添加：
declare module "*.vue" {
import type { DefineComponent } from "vue";
const vueComponent: DefineComponent<{}, {}, any>;
export default vueComponent;
}
(3)vite+vue3+ts 扁位，類型“ImportMeta”上不存在屬性“env”准潭。ts(2339)
image.png
修復(fù)方法：
image.png
interface ImportMetaEnv {
readonly BASE_URL: string
readonly VITE_APP_TITLE: string
// 更多環(huán)境變量...
}
interface ImportMeta {
readonly env: ImportMetaEnv
}
