prettier editconfig eslint 区别和不同作用

315 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第5天,点击查看活动详情

Prettier

删除原来的代码样式,然后统一所有的代码样式

  • 在你写完代码后,改变样式

  • 举例

    • vscode after save
    • 用 CLI 像 prettier --write .

Editorconfig

当在不同的编辑器或者IDE切换时,统一样式

  • 在你写代码前,预先设定样式

    • 举例

      • 当你按tab, 留4个space

ESLint

eslint 静态分析你的代码,发现问题

  • 它发现问题

总结

  • EditorConfig 改变 编辑器 settings.
  • Prettier 用你写的规则更新代码 更改你的样式.