feat: 配置保存时自动格式化

Author: liyuan-meng

.eslintrc

@@ -47,7 +47,10 @@
     "semi": ["error", "always"],
     "spaced-comment": ["error", "always"],
     "no-multi-spaces": "error",
-    "no-unused-expressions": ["error", { "allowShortCircuit": true, "allowTernary": true }],
+    "no-unused-expressions": [
+      "error",
+      { "allowShortCircuit": true, "allowTernary": true }
+    ],
     "no-param-reassign": ["error", { "props": true }],
     "no-return-assign": "error",
     "max-len": ["error", { "code": 140, "comments": 140 }],
@@ -59,20 +62,27 @@
     "object-curly-spacing": ["error", "always", { "arraysInObjects": true }],
     "comma-spacing": ["error", { "before": false, "after": true }],
     "arrow-spacing": ["error", { "before": true, "after": true }],
-		"lines-between-class-members": ["error", "always", { "exceptAfterSingleLine": true }],
-		"template-curly-spacing": ["error", "never"],
-		"space-infix-ops": ["error"],
-		"arrow-body-style": ["error", "as-needed"],
-		"no-undef": "error",
-		"no-multi-assign": "error",
-		"no-nested-ternary": "error",
-		"no-lonely-if": "error",
-		"no-unneeded-ternary": "error",
-		"no-case-declarations": "error",
-		"object-curly-newline": "off",
-		"array-bracket-spacing": "off",
-		"space-before-function-paren": "error",
-    "space-before-blocks": ["error", { "functions": "always", "keywords": "always", "classes": "always" }],
+    "lines-between-class-members": [
+      "error",
+      "always",
+      { "exceptAfterSingleLine": true }
+    ],
+    "template-curly-spacing": ["error", "never"],
+    "space-infix-ops": ["error"],
+    "arrow-body-style": ["error", "as-needed"],
+    "no-undef": "error",
+    "no-multi-assign": "error",
+    "no-nested-ternary": "error",
+    "no-lonely-if": "error",
+    "no-unneeded-ternary": "error",
+    "no-case-declarations": "error",
+    "object-curly-newline": "off",
+    "array-bracket-spacing": "off",
+    "space-before-function-paren": "error",
+    "space-before-blocks": [
+      "error",
+      { "functions": "always", "keywords": "always", "classes": "always" }
+    ],
     "no-underscore-dangle": "off",
     "global-require": "off",
     "jsx-a11y/no-static-element-interactions": "off",
@@ -87,11 +97,14 @@
     "import/extensions": "off",
 
     // react (eslint-plugin-react required)
-    "react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx"] }],
+    "react/jsx-filename-extension": [
+      "error",
+      { "extensions": [".js", ".jsx"] }
+    ],
     "react/jsx-no-duplicate-props": ["error"],
     "react/jsx-indent-props": ["error", 2],
     "react/jsx-indent": ["error", 2],
-    "react/jsx-first-prop-new-line": [ "error", "multiline" ],
+    "react/jsx-first-prop-new-line": ["error", "multiline"],
     "react/prop-types": "off",
     "react/no-children-prop": "off",
 

.gitignore

@@ -20,7 +20,6 @@
 .env.local
 
 # ide
-/.vscode
 /.idea
 
 # jest

.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "bradlc.vscode-tailwindcss",
+    "ms-vscode.vscode-typescript-next",
+    "formulahendry.auto-rename-tag",
+    "christian-kohler.path-intellisense",
+    "ms-vscode.vscode-json"
+  ]
+} 

.vscode/settings.json

@@ -0,0 +1,48 @@
+{
+    "editor.formatOnSave": true,
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "explicit",
+        "source.organizeImports": "never"
+    },
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "[javascript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[javascriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[typescript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[typescriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[json]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[css]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[less]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[html]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "typescript",
+        "typescriptreact"
+    ],
+    "prettier.requireConfig": false,
+    "prettier.useEditorConfig": false,
+    "files.associations": {
+        "*.jsx": "javascriptreact",
+        "*.tsx": "typescriptreact"
+    },
+    "emmet.includeLanguages": {
+        "javascript": "javascriptreact",
+        "typescript": "typescriptreact"
+    }
+}

package.json

@@ -11,18 +11,18 @@
     "watch": "rimraf dist/* && father-build --watch",
     "deploy": "npm run docs:build && npm run docs:deploy",
     "release": "npm run build && npm publish dist",
-    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
     "test": "umi-test",
     "test:coverage": "umi-test --coverage",
     "postversion": "dumi assets",
-    "lint": "eslint ./src/components --ext .js,.jsx",
-    "umi-lint": "umi-lint --eslint.ext='.js,jsx' ./src/components",
-    "precommit": "umi-lint --staged --eslint --prettier --fix",
     "new:component": "cp -r tpls/new-component src/components/new-component",
     "cli-version": "node ./scripts/generate-version.js",
     "postinstall": "patch-package",
     "changelog": "conventional-changelog -p angular -i docs/log.md -s && git add docs/log.md",
-    "changelog-all": "conventional-changelog --config -i docs/log1.md -s"
+    "changelog-all": "conventional-changelog --config -i docs/log1.md -s",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
+    "lint:fix": "eslint --ext .js,.jsx,.ts,.tsx --fix",
+    "prettier": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,less,md}\"",
+    "prettier:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,css,less,md}\""
   },
   "auto-changelog": {
     "output": "docs/log.md"