Я пытаюсь включить форматирование при сохранении в VSCode в проекте Gatsby, согласно документам Gatsby: https://www.gatsbyjs.org/tutorial/part-zero/#install-the-prettier-plugin
Я также попытался настроить eslint, так что теперь у меня есть:
{
"env": {
"browser": true,
"es6": true
},
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module"
},
"plugins": ["prettier"],
"rules": { "prettier/prettier": "error" },
"extends": ["airbnb", "prettier", "prettier/react"],
"settings": {
"import/core-modules": ["react"]
}
}
в моем .eslintrc.json и
{
"endOfLine": "lf",
"semi": false,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5"
}
в моем .prettierrc.
У меня есть Формат при сохранении, при вставке и по типу, включенный как в моих настройках пользователя, так и в настройках рабочей области, и он работает в моем файле .eslintrc.json и в файле .css, но не с компонентами Gatsby ( Header.js, Layout.js и т. Д.). Я могу отформатировать эти файлы компонентов, открыв командную палитру и вручную нажав «Формат документа», но не автоматически при сохранении.