什么是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、重启项目