(11)使用最新 Vite 搭建项目

vite 模板搭建项目

npm create vite@4.2.0 mingsl-admin-web -- --template vue-ts

安装 @types/node

用于安装Node.js的类型定义。类型定义是一个描述JavaScript库API的文件，以便在使用TypeScript等静态类型语言时获得类型检查和自动完成功能。在使用Node.js开发时，安装types/node将提供Node.js的类型定义，使您可以在编写Node.js代码时获得更好的类型检查和自动完成功能。

npm install @types/node

文件系统路径别名配置

修改该vite.config.ts

export default defineConfig({
 //.....其它配置
 ,
 resolve:{
    alias:{
     '@': resolve(__dirname,'src')
    }
  }
})

修改 tsconfig.json

{
  "compilerOptions": {
    //...其它配置
    "baseUrl": ".",
    "paths": {
      "@/*":["src/*"]
    }
  }
}