别再被骗了！Vue 项目 TS 配置根本不是写入口文件
藏在Vue项目里3个很少有人讲透的TS配置暗坑，90%的前端改到崩溃都找不到原因，看完直接少走3天弯路。
是不是很多前端小伙伴都遇见过这种糟心情况？
对着网上的教程改了半天TS配置，保存、刷新、重启来回折腾好多遍，半点儿作用都没有。
翻遍全网教程都告诉你改tsconfig.json，改完还是报错，人都快麻了。
其实根本不是你操作错了，是你从一开始就改错了文件！
现在的Vue3+TS项目根目录，明摆着摆了3个和TS相关的配置文件，很多人上来就盯着最显眼的tsconfig.json瞎改，纯纯白费功夫。
你点开这个所谓的“主配置文件”就会发现，里面空空荡荡，就只有files和references两个选项，半点儿实际的配置内容都没有。
它本质根本不是干活的主配置，就是个牵线的入口，全靠references字段把另外两个子配置文件引进来，所有实际规则最后都是合并子文件的内容生效。
最坑的就是这俩子配置文件，刚上手的新手10个有9个分不清谁管啥，乱改一通配置当然全失效。
第一个叫tsconfig.app.json，妥妥的业务大管家。
你src目录底下写的所有东西，不管是.vue单文件、.ts业务代码、.tsx组件，全归它管。
平时写业务的时候要加类型声明、改TS校验规则，找它就对了。
第二个叫tsconfig.node.json，是个纯纯的工程专属管理员。
它半点儿不管你业务代码的死活，只管vite.config.ts这类构建层面的配置文件，你改构建相关的TS规则找它才有用。
一个管线上业务，一个管本地构建，权责划得清清楚楚，半毛钱交集都没有。
为啥俩文件管的范围差这么多？核心玄机全在里面的include字段上。
这个字段列出来的所有路径，就是当前配置文件的规则能覆盖到的范围。
tsconfig.app.json里直接用通配符匹配了src下所有的.ts、.tsx、.vue还有.d.ts类型声明文件，相当于把整个业务目录全兜住了。
而tsconfig.node.json的include里就孤零零写了一个vite.config.ts的路径，所以它的规则从头到尾就只作用在这一个文件上。
以后再改TS配置别瞎找了：
要改业务代码的校验规则，直接冲tsconfig.app.json，别去主配置里瞎加内容。
要改vite配置文件里的TS报错，直接找tsconfig.node.json，改别的地方半毛钱用都没有。
就这么点小事，坑了不知道多少刚转TS的前端新手。
话说你们之前改Vue的TS配置，还踩过什么离谱的坑？评论区唠唠。