eslint和prettier配置避免冲突并统一代码风格,使用tab缩进

7 篇文章 0 订阅
4 篇文章 0 订阅

导言

eslint和prettier是前端开发中两款非常强大的代码检查和格式化工具,但强大也意味着这两者经常发生冲突。对eslint和prettier在开发前进行协同完美的配置是相关重要的,可以避免冲突等麻烦,简化美化开发过程,确立团队或个人的开发风格。
以下修改为个人风格总结所得,读者可根据自己需求增加减。

eslint

配置项目根目录的.eslintrc.js文件,下面代码都添加在rule块中

  • 修改为tab缩进:在rule下面添加"indent": ["error", "tab"]或你也可以关闭缩进检测功能"indent": ["off"]
    (关闭缩进检测,在使用cli脚手架新建项目时,脚手架默认以空格缩进新建文件的情况下,极为有用。因为旧代码是脚手架的空格缩进,新代码是个人的tab缩进,使用缩进检测将导致新旧代码要统一。)
  • 关闭不知所谓的字符串引号限制:"quotes": ["off"]
  • 避免与prettier的冲突(函数后强制空格):'space-before-function-paren': 0

prettier

这是一个opinionated code formatter,意味着这个格式化工具很“拽”,可供修改的项目较少,他说什么你就得按着他说的来做。

请在项目根目录的package.json中添加如下块

"prettier": {
    "eslintIntegration": true,   //与eslint整合
    "semi": false    //关闭末尾加分号
  }

未完待续

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值