Красивее форматировать .vue

Question

Prettier VS Расширение кода не работает должным образом с .vue. Я имею в виду, как настроить красивее, чтобы интегрировать его с eslint и форматировать файлы .vue на Cmd+Shift+P -> Format Document. .eslintrc.js

module.exports = {
  root: true,
  env: {
    browser: true,
  },
  extends: [
    'plugin:vue/essential',
    'standard'
  ],
  plugins: [
    'vue'
  ]
}

Answer 1

вы можете добавить файл .prettierrc.json в корневой каталог, а

{
  "singleQuote": true,
  "tabWidth": 2,
  "semi": false
}

Answer 2

Вам необходимо определить эти правила в файле .eslintrc.js следующим образом:

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ["plugin:vue/essential", "@vue/prettier"],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
    "prettier/prettier": [
      "warn",
      {
        "singleQuote": true,
        "semi": false,
        "trailingComma": "none"
      }
    ]
  },
  parserOptions: {
    parser: "babel-eslint"
  }
};