Я пробовал тысячи различных настроек, а Преттиер до сих пор не работает с файлами scss. Но он отлично работает вместе с ESLint для файлов JavaScript. Иногда я думаю, что люди, которые думают, что Prettier работает с файлами scss, забывают, что они также установили Beautify, и именно этот формат форматирует их файлы scss.
а, когда я запускаю VSCode и сохраняю файл JS, все портится.
примерИз:
Когда я изменяю настройку VSCode User (что-то связанное с более красивым плагином | что угодно (обычно я изменяю prettier.eslintIntegration, но может случиться так, что любое изменение в настройке разрешит это)), оно перестает работать при сохранении.
Возможные связанные детали среды// Part of .eslintrc
{
parser: 'babel-eslint',
extends: ['airbnb', 'prettier'],
plugins: ['prettier'],
rules: {
'prettier/prettier': 'error'
}
...
}
// .prettierrc.yml
printWidth: 80
tabWidth: 4
useTabs: false
semi: false
singleQuote: true
trailingComma: es5
bracketSpacing: true
jsxBracketSameLine: false
arrowParens: always
// Part of my VSCode 'User Settings' file
"javascript.format.enable": false,
"javascript.validate.enable": false,
"prettier.eslintIntegration": true,
"typescript.format.enable": false
// Possible related modules from my package.json
"babel-eslint": "^8.2.1",
"eslint": "^4.16.0",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-import-resolver-webpack": "^0.8.4",
"eslint-plugin-import": "^2.8.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.5.1",
"prettier-eslint": "^8.8.1",
Расширение VSCode подозревает:
dbaeumer.vscode-eslint
esbenp.prettier-vscode
Если требуется какая-либо другая (отладочная) информация, пожалуйста, снимайте.