调整格式化方案

Author: introvert-y

.eslintrc.js

@@ -1,6 +1,9 @@
 module.exports = {
-  extends: ["airbnb", "plugin:prettier/recommended"],
+  extends: ["airbnb", "plugin:react/recommended"],
   rules: {
+    "react/jsx-indent": [2, 2, { checkAttributes: true }],
+    "no-tabs": ["error", { allowIndentationTabs: true }],
+    "no-mixed-spaces-and-tabs": ["error", "smart-tabs"],
     "react/jsx-filename-extension": "off",
     "react/forbid-prop-types": "off",
     "jsx-a11y/anchor-is-valid": "off",
@@ -10,9 +13,11 @@ module.exports = {
     "jsx-a11y/anchor-is-valid": "off",
     "react/no-array-index-key": "off",
     "react/jsx-props-no-spreading": "off",
-    "no-console": "off"
+    "no-console": "off",
+    semi: ["error", "always"],
+    quotes: ["error", "double"],
   },
   env: {
-    browser: true
-  }
+    browser: true,
+  },
 };

.prettierrc.js

@@ -1,4 +1,4 @@
 module.exports = {
-  printWidth: 120, //一行的字符数，如果超过会进行换行，默认为80
-  tabWidth: 2 //一个tab代表几个空格数，默认为2
+  tabWidth: 2, //一个tab代表几个空格数，默认为2
+  trailingComma: "es5", // 对象属性最后有 ","
 };

package.json

@@ -12,11 +12,12 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "lint": "eslint src"
+    "lint": "eslint src --fix",
+    "format": "npm run lint && pretty-quick --staged"
   },
   "husky": {
     "hooks": {
-      "pre-commit": "npm run lint && pretty-quick --staged"
+      "pre-commit": "npm run format"
     }
   },
   "eslintConfig": {

vscode_settings.json

@@ -0,0 +1,21 @@
+{
+  "workbench.editor.enablePreview": true,
+  "workbench.iconTheme": "vscode-great-icons",
+  "editor.fontSize": 17,
+  "editor.tabSize": 2,
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true
+  },
+  "editor.formatOnSave": false,
+  "eslint.options": {
+    "extensions": [".js", ".ts", ".tsx"]
+  },
+  "eslint.validate": ["javascript", "typescript", "typescriptreact"],
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "launch": {
+    "configurations": [],
+    "compounds": []
+  }
+}