title: Quick Fix actions in VS Code for TypeScript using Prettier
body: <p>I have a setup compiling TypeScript trough Babel. In addition I've set up ESLint and Prettier for linting/formatting. ESLint is configured to use the parser from <code>@typescript-eslint/parser</code> - no TSLint involved.</p>
  
  <p>ESLint is correctly applying Prettier rules and showing me the squiggly lines in VS Code for both regular JavaScript and TypeScript. However, only regular JavaScript has any actions available under the "Quick Fix..." option in the VS Code tooltip. For TypeScript files it always says "No code actions available" for Prettier issues. Is there any way to make Prettier's quick fixes work with TypeScript files as well?</p>
  
  <p>Here are my configuration files:</p>
  
  <p><strong>.eslintrc</strong></p>
  
  <pre><code>{
    "extends": [
      "plugin:react/recommended",
      "plugin:@typescript-eslint/recommended",
      "plugin:prettier/recommended",
      "prettier/@typescript-eslint",
      "prettier/react"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
      "sourceType": "module",
      "ecmaVersion": 2018,
      "ecmaFeatures": {
        "jsx": true
      }
    },
    "plugins": ["@typescript-eslint"],
    "env": {
      "browser": true,
      "jest": true
    }
  }
  
  </code></pre>
  
  <p><strong>.prettierrc.js</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>module.exports = {
    printWidth: 120,
    semi: true,
    singleQuote: true,
    tabWidth: 2,
    trailingComma: 'all',
  };
  </code></pre>
  
  <p><strong>babel.config.js</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>module.exports = api =&gt; {
    api.cache.invalidate(() =&gt; process.env.NODE_ENV === 'production');
  
    const presets = ['@babel/env', '@babel/typescript', '@babel/react'];
  
    const plugins = ['@babel/proposal-class-properties', '@babel/proposal-object-rest-spread'];
  
    if (process.env.NODE_ENV === 'development') {
      plugins.push('react-hot-loader/babel');
    }
  
    return {
      presets,
      plugins,
    };
  };
  </code></pre>