## 常用场景及方式
### 类型interface
主要作用:为项目内需要ts的自定义类型时提供支撑,建议每个模块建立单独的ts类型文件### 枚举enums
主要作用:为项目提供常量数据,在项目内需要默认数据,以及硬编码(需写死字符串时)时,提供编程式的思路便于项目的运营与维护,提升代码的可读性和可维护性。- 1、参考项目内路径src/enums/index.ts### 断言as
断言本身为ts的内置函数,旨在为ts无法确定类型时,由开发人员通过as string的代码形式,帮助ts去指定变量或参数类型### 配置文件
[参考文档](https://www.typescriptlang.org/tsconfig/)主要作用:对项目内的ts在运行编译时的规则进行配置如:ts代码检查是否严格模式,都对哪些文件include进行检查,排除哪些exclude文件目录├── tsconfig.app.json # 应用 TypeScript 配置,针对应用代码的编译选项├── tsconfig.json # 主 TypeScript 配置,继承其他配置文件的基础配置├── tsconfig.node.json # Node.js 相关 TypeScript 配置,用于 Node.js 环境的编译选项
### shims-vue.d.ts解决TS无法识别.vue文件模块的问题
// Vue单文件组件类型声明文件// 为TypeScript提供Vue组件的类型信息,解决TS无法识别.vue文件模块的问题// 典型问题:src/router/route.ts路由文件中,动态引入组件时找不到模块的问题// 典型代码:component: () => import("@/views/home/index.vue")declare module "*.vue" { import type { DefineComponent } from "vue"; const component: DefineComponent<{}, {}, any>; export default component;}export {};