ESLint+Prettier

什么是prettier

1、是一个代码格式化工具;2、开箱即用;3、可以直接集成到VSCode;4、保存时,让代码直接符合ESLint规范
ESLint+Prettier是如何处理 本地!代码格式问题。

VSCode安装prettier

中文网站Prettier 中文网 · Prettier 是一个“有态度”的代码格式化工具
在项目中新建.prettierrc文件,在该文件中写入以下配置

{
  // 不尾随分号
  "semi": false,
  // 使用单引号
  "singleQuote": true,
  // 多行逗号分割的语法中,最后一行不加逗号
  "trailingComma": "none"
}

然后在vscode设置里面,搜索save,勾选Format On Save

接下来,处理ESLint与Prettier的冲突问题(vscode默认一个tab是四个空格,而ESLint是2个空格)
1、打开.eslintrc.js配置文件
2、在rules规则下,新增一条规则

'space-before-function-paren': 'off'

3、该规则表示关闭《方法名后增加空格》的规则
4、重启项目

.eslintrc.js的文档中文

微信截图_20231017115624.png

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值