Enable TypeScript Support for Your LWC Project

大家好，今天我们来把 TypeScript 加到 Lightning Web Component 项目里，整个过程分三步，一点都不复杂。 第一步，先打开项目里的 settings.json 文件，找到叫做 salesforcedx-vscode-lwc.preview.typeWrittSupport 的功能标志，把它设成 true。这一步会让系统自动在 lwc 目录下生成一个 tsmix.json 文件。如果设完之后这个文件没立刻出现，别担心，重启一下 VS Code 就好了。 第二步，我们来配置 tsspread.json 里的编译器选项。这里面最关键的一个设置叫 experimentalDecorators，一定要设为 true。注意了，TypeScript 早期那种实验性的装饰器支持跟我们 LWC 的装饰器实现是不兼容的，所以必须关掉它。另外，配置文件里有个 extends 属性，它直接引用 SFDX 给我们生成好的基本配置，这个基本配置已经告诉了 TypeScript 该处理哪些文件，并且自动排除了测试文件，防止它们被编译。 第三步，我们要用 npm 把 TypeScript 作为开发依赖安装进来，版本最低要求是 5.4.5。记住，TypeScript 的版本需要我们自己来管理和更新，平台本身不提供它的运行时。 只要完成这三步，你的 Lightning Web Component 项目就能愉快地使用 TypeScript 啦。大家试一试，有问题随时问我。