修复 VSCode 中的排序键 ESLint 规则

Posted

技术标签:

【中文标题】修复 VSCode 中的排序键 ESLint 规则【英文标题】:Fix sort-keys ESLint rule in VSCode 【发布时间】:2019-09-27 02:24:54 【问题描述】:

我正在使用 Visual Studio Code 进行前端开发。我已启用 sort-keys 规则,该规则要求所有对象的键按字母顺序排列。 我发现 ESLint 和 Prettier 都不支持自动修复它,由于自动修复可能引入的潜在错误,因此他们都拒绝了甚至考虑添加自动修复作为选项的提议。

现在我有一个非常大的遗留代码库,我刚刚在其中添加了 ESLint,我需要在项目中使用这个排序键规则。如果我知道自己在做什么,有什么办法可以自动修复它们,可能是通过一些 VSCode 插件或自定义脚本? 我确信更改键的顺序不会对我的代码产生负面影响。 JSON 对象和 JS 对象文字都需要它。

【问题讨论】:

I need it for both JSON objects as well as JS object literals. - 请注意There's no such thing as a "JSON Object"。如果你有一个对象或数组,那么你就有一个对象或数组,句号。 JSON 格式是一种在字符串中表示对象的方法,例如const myJSON = '"foo":"bar"'。普通对象的排序键与重新排列恰好是 JSON 格式的字符串部分完全不同(并且可能要容易得多) 您也许可以集成rejected pull request,它表示它可以修复排序键 @CertainPerformance 我的意思是 .json 文件中的对象,以及具有函数作为 JS 文件中键值的对象。我正在检查拉取请求,看看我是否可以整合它。我也需要将它传递给我的队友,因此需要保持安装步骤尽可能简单。 【参考方案1】:

不完全是自动化解决方案,但它有助于在开发过程中手动对对象键进行排序。

Sort JS object keysVS 代码插件

    安装插件 在代码中选择一个对象,包括外层。提示:扩展选择键盘快捷键⌃⇧⌘→对此很有帮助。 运行“排序 JS 对象键”命令。

【讨论】:

以上是关于修复 VSCode 中的排序键 ESLint 规则的主要内容,如果未能解决你的问题,请参考以下文章

vscode 自动 eslint 校验

webstorm/vscode~eslint配置

vs工程配置eslint检测环境

VSCode 之 Eslint 配置

vscode配置

VSCODE +eslint的自动修复