src别名配置

为了防止项目过大以及目录过深造成后续找文件间的关系复杂，所以一般在开发项目时需要将src取个别名。

步骤：

1、找到vite.config.ts配置文件，将配置项写入。

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

安装命令：

npm install @types/node

2、找到tsconfig.app.json配置文件下面的配置项compilerOptions添加相应的配置，这一步的作用是让IDE（开发者工具，vscode）可以对路径进行智能提示。写一个@符号有一个路径提示

将下面的代码复制到配置里边。

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

3、@使用举例：

// import App from './App.vue'
import App from '@/App.vue'