在项目的根目录下创建一个.prettierrc文件,并将以下代码添加到文件中:
{
"printWidth": 80,
"singleQuote": true,
"semi": true,
"trailingComma": "es5",
"arrowParens": "always",
"jsxBracketSameLine": true
}
然后,在Atom中启用eslint和prettier插件,确保它们都被正确配置。如果您使用create-react-app构建项目,那么一个好消息是eslint和prettier在项目中已经内置了。
接下来,您需要将以下内容添加到您的.eslintrc文件中:
{
"extends": [
"react-app",
"plugin:prettier/recommended"
],
"plugins": [
"prettier"
],
"rules": {
"prettier/prettier": [
"error",
{
"endOfLine": "auto"
}
]
}
}
这样,prettier就会自动跟踪你的代码并在保存时格式化它。