课程章节介绍
同学们,今天我们来看看这一页关于开发工具的内容。想要获得最好的 Lightning Web Components 开发体验,官方推荐我们一定要用 Visual Studio Code,并且安装 Salesforce 扩展包。这个扩展包可厉害了,能给我们提供 Apex 代码自动补全、SLDS 样式验证,还有专门针对 LWC 的开发工具,让写代码顺手很多。
除了扩展包,我们最好再装一个 Prettier,用它来做代码格式化,保持整个项目的代码风格整齐划一。注意,LWC 是没办法在开发者控制台里开发的,必须得用 VS Code 这样的本地开发工具才行。
在写代码的过程中,为了避免错误,我们还会用 ESLint 来做静态检查。它能在编译之前就把一些潜在问题揪出来。Salesforce 专门为 LWC 定制了一套 ESLint 规则,帮我们写出更规范的组件代码。
有个重要的提醒:现在官方要求大家把 ESLint 迁移到 v9 版本。因为从 2026 年春季开始,所有新的规则和问题修复,都只会基于 v9 来提供支持了。如果你还在用旧版本,到时候就收不到更新了。ESLint 提供了三种不同严格程度的配置级别,大家可以根据自己项目的需要去选择。
最后,在标准的 Salesforce DX 项目里,linting 工具已经自动帮你包含进去了,不需要额外复杂的配置。你只需要在项目目录下打开终端,先运行 `npm install` 安装依赖,再运行 `npm run lint`,一键就能执行代码检查,特别简单。
好,关于开发环境的搭建和代码检查,这一页的重点就是这些。赶快去配置起来吧。
关键词
LWC
Lightning Web Components
Salesforce