V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zqx
V2EX  ›  前端开发

前端的 React 项目中, Eslint 和 Prettier 有必要同时使用吗?

  •  1
     
  •   zqx · 2019-02-15 11:45:02 +08:00 · 3796 次点击
    这是一个创建于 2109 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题。以前的项目都是大佬们配好框架,我写业务组件就可以。 现在我来定制一套框架,需要考虑用不用 eslint 或 prettier ? prettier 可以配合 husky 实现提交到仓库的代码风格一致,主要是缩进,换行符,空格这些。 eslint 好像控制的粒度更细一些?未使用的变量,重复变量名这种语法层面的也可以检测到。 这两个怎么配合同时使用? PS,后端人员使用 Webstorm 看前端代码,前端人员使用 VS CODE 写前端代码。

    1 条回复    2019-02-17 11:51:23 +08:00
    aec4d
        1
    aec4d  
       2019-02-17 11:51:23 +08:00
    prettier 用来自动格式化你的代码(比如在你保存的时候), 防止你的代码缩进错乱啥的不美观, 并不会负责报错
    eslint 是一个代码静态错误检查工具, 就是根据很多定义的规则报告一下你哪个地方可能写错了
    使用 prettier vscode 和 webstorm 都需要进行设置 https://prettier.io/docs/en/webstorm.html
    eslint 支持 extends 选项和 prettier 一起使用

    前端人员喜欢使用 vscode 大概是因为他们只写前端,如果同时写多门语言 vscode 需要安装非常多的插件,效果也不及 IDE
    我个人是使用了多个 IDE, 前端用 webstorm 轻量级文件编辑使用 vscode
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2970 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 12:47 · PVG 20:47 · LAX 04:47 · JFK 07:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.