.eslintrc.js

module.exports = {
  extends: [
    'eslint:recommended',
    '@nuxtjs/eslint-config-typescript',
    'plugin:vue/recommended',
    'plugin:nuxt/recommended',
    'plugin:prettier/recommended',
    'prettier/vue',
  ],
  plugins: ['vue'],
  rules: {
    'no-console': 'off',
    'prettier/prettier': ['warn'],
    'vue/max-attributes-per-line': [
      'warn',
      {
        singleline: 3,
        multiline: {
          max: 1,
          allowFirstLine: false,
        },
      },
    ],
  },
}

.pretierrc.js

module.exports = {
  semi: false,
  singleQuote: true,
  trailingComma: 'all',
  printWidth: 100,
  tabWidth: 2,
  overrides: [
    {
      files: ['*.html', '*.css', '*.scss'],
      options: {
        tabWidth: 4,
      },
    },
    {
      files: ['*.vue'],
      options: {
        parser: 'vue',
      },
    },
  ],
}

.stylelintrc

{
  "extends": [
    "stylelint-config-standard",
  ],
  "rules": {
    "indentation": 2
  }
}

setting.json

{
  "editor.formatOnSave": true,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur",
  },
  "vetur.validation.template": false,
  "vetur.format.defaultFormatter.scss": "prettier",
  "vetur.format.defaultFormatter.css": "none",
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto"
    }
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "eslint.enable": true,
  "eslint.alwaysShowStatus": true,
  "eslint.autoFixOnSave": false,
  "stylelint.enable": true,
  "stylelint.autoFixOnSave": true,
}

npm i -D eslint-config-prettier eslint-plugin-prettier prettier

VSCode拡張機能いれたやつ

Required:

• dbaeumer.vscode-eslint
• esbenp.prettier-vscode
• hex-ci.stylelint-plus
• octref.vetur

Optional:

• hollowtree.vue-snippets
• dariofuzinato.vue-peek

Stylelintのindentationと、PrettierのtabWidthを切り分けることには失敗。
CSS/SCSSのインデントだけ4とかできなかったので、Vueプロジェクトではインデント固定での運用となる（今後の課題）