# many_front

**Repository Path**: zhenghun/many_front

## Basic Information

- **Project Name**: many_front
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-05
- **Last Updated**: 2024-11-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 组件说明
## js-cookie
从cookie中获取数据

# 配置说明
## 在ts中要使用 @ 定位文件，需要做一定的配置
1. 在vite.config.ts中添加如下代码( 根路径是src目录 )：
```
import { resolve } from "path"

resolve: {
    alias: {
        '@': resolve(__dirname, 'src')
    }
}
```
2. 在tsconfig.app.json中添加如下代码：
```
"compilerOptions": {
    ...
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
```
完成上面配置之后，我们就可以在ts中使用@导入文件了：
```
import { getCookie } from '@/utils/cookie'
```

## 为什么会有3个tsconfig相关配置文件
- tsconfig.json: 
    - 这是项目的主 TypeScript 配置文件，包含了项目的全局 TypeScript 编译选项。
    - 通常用于定义项目的根目录、编译输出目录、模块解析规则等。
- tsconfig.app.json: 
    - 这个文件通常用于应用程序特定的 TypeScript 配置。
    - 如果你的项目中有多个子项目或模块，每个子项目可以有自己的 tsconfig.app.json 文件，以覆盖或扩展主 tsconfig.json 文件中的配置。
- tsconfig.node.json: 
    - 这个文件通常用于 Node.js 环境中的 TypeScript 配置
    - 适用于构建工具、脚本和其他运行在 Node.js 环境中的代码。

# 路由解析
在src/router/index.ts中自定义了路由加载规则；

page下每个vue文件是一个路由。

例如：
```
src
    page
        user
            list
                list.vue
                edit.vue
                add.vue

page下 第一层和文件名构成路由地址
这里的3个文件路由地址是：
- /home/user/list
- /home/user/edit
- /home/user/add
```