昊梵体育网

别再被骗了!JS项目改tsconfig根本没用 前端圈很少有人讲透的实用干货来了

别再被骗了!JS项目改tsconfig根本没用
前端圈很少有人讲透的实用干货来了——90%的Vue开发者都踩过这两个配置的坑,看完至少能少熬3天夜。
我身边不少做前端的朋友,改项目配置时,对着两个长得几乎一模一样的JSON文件直接就懵了。
改半天路径别名不生效,调半天代码提示没反应,折腾到凌晨都找不到问题出在哪。
今天我就把TS和JS对应的两个配置文件的区别给你掰得明明白白,看完再也不会傻傻分不清楚。
第一个是jsconfig.json:
专门给纯JavaScript项目用,核心作用就是指定项目里允许导入的文件路径,完全不影响TypeScript的编译流程。
第二个是tsconfig.json:
这是TypeScript项目的专属配置文件,所有编译选项都写在这里,全程控制TS把代码转成JS的所有规则。
给你总结一个一秒就能记牢的核心原则:JS项目管路径,TS项目管编译。
就这么简单,你用的是什么语言的项目,直接对应选对应的配置文件就行。
最常见的低级坑,很多人天天踩:
如果你在纯JS项目里乱改tsconfig.json的参数,改到天荒地老也不会对你的JS文件产生任何影响,完全是白费功夫。
还有个很多人不知道的冷知识:
你平时用VSCode写代码时,那些自动补全、智能提示的功能,全都是基于tsconfig.json的规则来提供的。
说真的,我见过不少工作两三年的前端,碰到配置问题就乱搜乱改,连这俩文件的区别都搞不清,平白无故浪费了好多时间。
你们之前有没有改配置改到秃头的经历?评论区聊聊你踩过最离谱的坑是什么?