taxCode的博客

TypeScript中的any类型是类型系统的一个危险的“转义舱口”。在用Vue官方文档中 create vue的方式创建一个新的vue项目时，我们选择了支持typescript语法，并且使用eslint作为代码质量检查工具的话，项目会自动在根目录生成一个。现在我不想让它显示error，那我就可以在eslint.config.ts中关闭这个选项。我们想要修改或者自己配置自定义的规则，可以在下面添加一个对象，对象里面再配置自己的规则。默认情况下，eslint不建议定义一个any类型，默认规则配置的是“

调试后发现，加了cjs：true之后，居然连手动reset.css都不用写了，不知道为什么？有说是vite没用esm构建，由于其他一些配置要用commonJS构建，所以导致项目没用ESM 格式构建，但是具体是什么配置导致的，我也没找到，只找到了解决方案，但是不知道根本原因。然后排查了一整体，才发现是vite.config.ts中 AntDesignVueResolver的配置少了cjs:true的选项。然后在main.ts中调用。

那我就纳闷了，defaultSettings.navTheme 明明定义的时候是ThemeType类型，为什么useStoreage返回的是string呢？看官方文档，我的理解是对原始类型，useStorage能够自动拆箱成正确的类型，对于其他对象类型或自定义类型，则需要显式的给到useStorage范型类型。ThemeType 是上篇文章中定义的联合类型，类型为”dark“｜”light“上面报错的意思是useStorage返回的类型是。

今天在看别人写的代码的时候，有个keyof和typeof的代码看不懂，下面就通过查找原理之后做个记录。想要理解 TypeScript 里是如何工作的，首先需要理解什么是字面量类型和联合类型。

写env.development和env.production文件里的自己创建的环境变量的类型声明文件在import.meta.env.自己创建的变量会用上/** 应用端口 *//*** 后端接口调用地址*/在vue文件中可以直接使用import.meta.env.VITE_APP_PORT 进行调用main.ts。

​可以继承另一个文件的配置。如果一个项目有多个配置，可以把共同的配置写成，其他的配置文件继承该文件，这样便于维护和修改。extends属性用来指定所要继承的配置文件。它可以是本地文件。如果extends属性指定的路径不是以./或../开头，那么编译器将在目录下查找指定的配置文件。extends属性也可以继承已发布的 npm 模块里面的 tsconfig 文件。指定的会先加载，然后加载当前的。如果两者有重名的属性，后者会覆盖前者。属性指定编译的文件列表，如果其中有一个文件不存在，就会报错。