找到 package.json 配置文件!

  "scripts": {
   "dev": "vite --open",
   "build": "vue-tsc && vite build",
   "preview": "vite preview"
  },

src 别名的配置

找到 vite.config.ts 配置文件。

如果红色语法提示请安装@types/node 是 TypeScript 的一个声明文件包，用于描述 Node.js 核心模块和常用的第三方库的类型信息

 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import path from 'path';
 // https://vitejs.dev/config/
 export default defineConfig({
  plugins: [vue()],
  resolve: {
   alias: {
    "@": path.resolve(__dirname, 'src')
   }
  }
 })

找到tsconfig.json配置文件,找到配置项 compilerOptions 添加配置,这一步的作用是让 IDE 可以对路径进行智能提示

  "baseUrl": ".",
   "paths": {
    "@/*": ["src/*"]
   }