Как предварительно настроить компоненты, загруженные с помощью Gatsby при сохранении в VSCode? - PullRequest
1 голос
/ 21 апреля 2019

Я пытаюсь включить форматирование при сохранении в 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 и т. Д.). Я могу отформатировать эти файлы компонентов, открыв командную палитру и вручную нажав «Формат документа», но не автоматически при сохранении.

...