美文网首页
ESLint+Prettier

ESLint+Prettier

作者: 默色留恋 | 来源:发表于2023-10-18 09:18 被阅读0次

什么是prettier

1、是一个代码格式化工具;2、开箱即用;3、可以直接集成到VSCode;4、保存时,让代码直接符合ESLint规范

VSCode安装prettier

中文网站https://www.prettier.cn/
在项目中新建.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

相关文章

网友评论

      本文标题:ESLint+Prettier

      本文链接:https://www.haomeiwen.com/subject/lnvxidtx.html