build(eslint): 增加prettierrc

Author: nihaojob

.eslintrc.js

@@ -2,22 +2,20 @@
  * @Author: 秦少卫
  * @Date: 2022-09-03 19:22:16
  * @LastEditors: 秦少卫
- * @LastEditTime: 2023-02-09 13:22:52
+ * @LastEditTime: 2023-02-16 20:38:11
  * @Description: file content
  */
 module.exports = {
   root: true,
   env: {
     node: true,
   },
-  extends: [
-    'plugin:vue/essential',
-    '@vue/airbnb',
-  ],
+  extends: ['plugin:vue/essential', '@vue/airbnb', 'plugin:prettier/recommended'],
   parserOptions: {
     parser: '@babel/eslint-parser',
   },
   rules: {
+    'prettier/prettier': 'error',
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-plusplus': 'off',
@@ -31,10 +29,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)',
-      ],
+      files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
       env: {
         jest: true,
       },

.gitignore

@@ -15,7 +15,7 @@ pnpm-debug.log*
 
 # Editor directories and files
 .idea
-.vscode
+# .vscode
 *.suo
 *.ntvs*
 *.njsproj

.prettierignore

@@ -0,0 +1,25 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+yarn.lock

.prettierrc.js

@@ -0,0 +1,18 @@
+module.exports = {
+    "printWidth": 100, // 指定代码长度，超出换行
+    "tabWidth": 2, // tab 键的宽度
+    "useTabs": false, // 不使用tab
+    "semi": true, // 结尾加上分号
+    "singleQuote": true, // 使用单引号
+    "quoteProps": "as-needed", // 要求对象字面量属性是否使用引号包裹,(‘as-needed’: 没有特殊要求，禁止使用，'consistent': 保持一致 , preserve: 不限制，想用就用)
+    "jsxSingleQuote": false, // jsx 语法中使用单引号
+    "trailingComma": "es5", // 确保对象的最后一个属性后有逗号
+    "bracketSpacing": true, // 大括号有空格 { name: 'rose' }
+    "jsxBracketSameLine": false, // 在多行JSX元素的最后一行追加 >
+    "arrowParens": "always", // 箭头函数，单个参数添加括号
+    "requirePragma": false, // 是否严格按照文件顶部的特殊注释格式化代码
+    "insertPragma": false, // 是否在格式化的文件顶部插入Pragma标记，以表明该文件被prettier格式化过了
+    "proseWrap": "preserve", // 按照文件原样折行
+    "htmlWhitespaceSensitivity": "ignore", // html文件的空格敏感度，控制空格是否影响布局
+    "endOfLine": "auto" // 结尾是 \n \r \n\r auto
+}

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+    "eslint.enable": true,
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": true
+    },
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "prettier.requireConfig": true // 需要Prettier的配置文件
+}

package.json

@@ -41,14 +41,17 @@
     "@vue/vue2-jest": "^27.0.0-alpha.2",
     "babel-jest": "^27.0.6",
     "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^8.0.3",
     "eslint-plugin-vuejs-accessibility": "^1.1.0",
     "husky": "^8.0.0",
     "jest": "^27.0.5",
     "less": "^4.0.0",
     "less-loader": "^8.0.0",
     "lint-staged": "^13.1.1",
+    "prettier": "2.8.4",
     "vue-template-compiler": "^2.6.14"
   },
   "lint-staged": {