[英]How to fix prettier config in vuexy project with react?
I already configured my npm with the following:我已经使用以下内容配置了我的 npm:
-npm install --force --legacy-peer-deps -npm install --save-dev --save-exact prettier
And my
.eslintrc.js
is the following:我的
.eslintrc.js
如下:
module.exports = { env: { node: true, es6: true, browser: true, }, module.exports = { env: { node: true, es6: true, browser: true, },
parserOptions: { ecmaVersion: 6, sourceType: 'module', ecmaFeatures: { jsx: true, modules: true, experimentalObjectRestSpread: true, }, }, parserOptions: { ecmaVersion: 6, sourceType: 'module', ecmaFeatures: { jsx: true, modules: true, experimentalObjectRestSpread: true, }, },
extends: ['prettier'], rules: { 'no-console': 'off', 'no-debugger': process.env.NODE_ENV === 'production' ?扩展:['prettier'],规则:{'no-console':'off','no-debugger':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
I think you only want to run prettier on .js files.我认为您只想在 .js 文件上运行更漂亮。
You can use a glob in prettier to tell for example to only run in .js
files您可以使用更漂亮的 glob 来告诉例如仅在
.js
文件中运行
npx prettier "**/*.js"
This will run prettier in all files ending with .js
这将在所有以
.js
结尾的文件中运行得更漂亮
Maybe you want this in your package.json
script也许你想在你的
package.json
脚本中使用它
"scripts": {
"pretty": "prettier --write '**/*.js'",
},
Reference: https://prettier.io/docs/en/cli.html#file-patterns参考: https ://prettier.io/docs/en/cli.html#file-patterns
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.