如何通過反應修復 vuexy 項目中更漂亮的配置？

Question

我已經使用以下內容配置了我的 npm：

 -npm install --force --legacy-peer-deps -npm install --save-dev --save-exact prettier

我的.eslintrc.js如下：

module.exports = { env: { node: true, es6: true, browser: true, },

parserOptions: { ecmaVersion: 6, sourceType: 'module', ecmaFeatures: { jsx: true, modules: true, experimentalObjectRestSpread: true, }, },

擴展：['prettier']，規則：{'no-console'：'off'，'no-debugger'：process.env.NODE_ENV ==='production'？ “錯誤”：“關閉”，

// Best Practices
eqeqeq: 'error',
'no-invalid-this': 'error',
'no-return-assign': 'error',
'no-unused-expressions': ['error', {allowTernary: true}],
'no-useless-concat': 'error',
'no-useless-return': 'error',
// Variable
// 'init-declarations': 'error',
'no-use-before-define': 'error',

// Stylistic Issues
'array-bracket-newline': ['error', {multiline: true, minItems: null}],
'array-bracket-spacing': 'error',
'brace-style': ['error', '1tbs', {allowSingleLine: true}],
'block-spacing': 'error',
'comma-spacing': 'error',
'comma-style': 'error',
'computed-property-spacing': 'error',
'func-call-spacing': 'error',
'implicit-arrow-linebreak': ['error', 'beside'],
// indent: ['error', 4],
'keyword-spacing': 'error',
'multiline-ternary': ['error', 'never'],
// 'no-lonely-if': 'error',
'no-mixed-operators': 'error',
'no-multiple-empty-lines': ['error', {max: 2, maxEOF: 1}],
'no-tabs': 'error',
'no-unneeded-ternary': 'error',
'no-whitespace-before-property': 'error',
'nonblock-statement-body-position': 'error',
'object-property-newline': ['error', {allowAllPropertiesOnSameLine: true}],

// quotes: ['error', 'prefer-single'],
semi: [2, 'never'],
'semi-spacing': 'error',
'space-before-blocks': 'error',
// 'space-before-function-paren': 'error',
'space-in-parens': 'error',
'space-infix-ops': 'error',
'space-unary-ops': 'error',

// ES6
'arrow-spacing': 'error',
'no-confusing-arrow': 'error',
'no-duplicate-imports': 'error',
'no-var': 'error',
'object-shorthand': 'error',
'prefer-const': 'error',
'prefer-template': 'error',

},

}

The result:

[![introducir la descripción de la imagen aquí][1]][1]


  [1]: https://i.stack.imgur.com/Bs89i.png

Answer 1

我認為您只想在 .js 文件上運行更漂亮。

您可以使用更漂亮的 glob 來告訴例如僅在.js文件中運行

npx prettier "**/*.js"

這將在所有以.js結尾的文件中運行得更漂亮

也許你想在你的package.json腳本中使用它

"scripts": {
  "pretty": "prettier --write '**/*.js'",
},

參考： https ://prettier.io/docs/en/cli.html#file-patterns