对于没有子元素或不需要子元素的 HTML 标签,通常写成其自闭合的形式会显得简洁些, 通过配置 ESLint 可在格式化的时候将标签自动变成自闭合形式。 如果是使用 create-react-app 创建的项目,直接在 package.json 的 eslint 配置部分加上如下配置即可: 安装依赖安装 ESLint 相关依赖: 如果是 TypeScript 项目,还需要安装如下插件: 配置 ESLint通过 向导来完成创建, 或手动创建 填入如下配置: 安装 ESLint for Vscode当然了,还需要安装 VSCode 插件 dbaeumer.vscode-eslint。 然后配置 VSCode 在保存时自动进行修正动作: 使用完成上述配置后,如果发现保存时,格式并未生效,或者只 JavaScript 文件生效,需要补上如下的 VSCode 配置: 也可查看 VSCode 的状态栏,看是否有报错可确定是什么原因导致 ESLint 工作不正常,比如 mac BigSur 中细化了权限,需要点击警告图标然后点击允许。 相关资源
|
The text was updated successfully, but these errors were encountered: |
CC BY-NC-SA 署名-非商业性使用-相同方式共享