Skip to main content

编写高可读的代码

清晰的目录命名​

# 目录结构
DIR:
   |-- src/                                           # 「renderer」
   |   |-- interface/                                      # 「interface」专门用来存放interface 的
   |   |   |-- common.interface.ts                         # 
   |   |   |-- log.interface.ts                            # 
   |   |   |-- list.interface.ts                           #

前端项目命名​

import中添加自定义后缀来区分组件作用​

///... 当前引入的是一个 log.interface.ts 文件，这里明确了整个文件都是用来存放类型实例的
/// 直接查看import行就能理解到非常明确的结构信息
import { ILogListParams } from "/@/interface/settings/log.interface";

///... 
const params: ILogListParams = reactive({
   page: 1,
   pageSize: 10
});
///... 其他逻辑