如何在react的vuexy项目中修复更漂亮的配置?

Question

我已经这样配置了我的npm:

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

我的.eslintrc.js如下:

模块。出口= {env: {节点:没错,es6:没错,浏览器:没错,},

parserOptions: {ecmaVersion: 6,sourceType:"模块",ecmaFeatures: {jsx:没错,模块:没错,experimentalObjectRestSpread:没错,}，},

扩展:"漂亮",规则:{"no-console":"关闭","调试器":process.env。NODE_ENV === 'production' ?'error': 'off'，

// 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文件上运行得更漂亮。

您可以在prettier中使用glob来告诉例如只在.js文件中运行

npx prettier "**/*.js"

这将在所有以.js

结尾的文件中运行得更漂亮也许你想在你的package.json脚本

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

参考:https://prettier.io/docs/en/cli.html文件模式