title: How to configure Vue CLI 4 with ESLint + Prettier + Airbnb rules + TypeScript + Vetur?
body: <p>When creating a new project with <strong>Vue CLI v4.0.5</strong> with checking the options for <strong>TypeScript</strong> and <strong>Linter / Formatter</strong>, you are given pre-configured options for linting and formatting:</p>
  
  <pre><code>? Pick a linter / formatter config: (Use arrow keys)
  &gt; ESLint with error prevention only
    ESLint + Airbnb config
    ESLint + Standard config
    ESLint + Prettier
    TSLint (deprecated)  
  </code></pre>
  
  <p>I want to use <strong>Airbnb rules</strong> for <strong>ESLint</strong> with <strong>Prettier</strong> (format-on-save), with <strong>TypeScript parser</strong> and <strong>Vue CLI v4</strong>.</p>
  
  <p>These configurations should also work well with <strong>Vetur extension for VS Code</strong>.</p>
  
  <p>How to configure this combination of tooling?</p>
  
  <p><em>Note that this is not a dupe question. There are similar questions but not with these exact requirements for Vue CLI4, TypeScript, ESLint, Airbnb, Prettier, and working along with Vetur / VS Code.</em></p>
  
  <p><strong>EDIT 2020/02</strong> - The nature of this challenge has recently changed considerably, so I've opened and self-answered an another question: <a href="https://stackoverflow.com/questions/60187885/how-to-configure-vue-cli-4-with-eslint-airbnb-rules-typescript-stylelint-f">How to configure Vue CLI 4 with ESLint + Airbnb rules + TypeScript + Stylelint for SCSS, in VS Code editor with autofix on save?</a></p>