title: VSCode, Prettier and TSLint: formatOnSafe messes up auto sort of imports
body: <p>I'm building React apps with TypeScript. My editor is VSCode. I use prettier and TSLint to keep my code clean.</p>
  
  <p>Since a couple of projects when I hit safe prettier messes up the auto sort of imports:</p>
  
  <p>Before saving:
  <a href="https://i.stack.imgur.com/QA0Ny.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QA0Ny.png" alt="Before save"></a></p>
  
  <p>After saving:
  <a href="https://i.stack.imgur.com/SZBe6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SZBe6.png" alt="After save"></a></p>
  
  <p>I don't know why that currently happens, but it is definitely caused by prettier (tested it without prettier it doesn't happen).</p>
  
  <p>My VSCode settings are:</p>
  
  <pre><code>"editor.formatOnSave": true,
  "editor.formatOnType": false,
  "prettier.tslintIntegration": true,
  "tslint.autoFixOnSave": false,
  </code></pre>
  
  <p>And here are my TSLint settings (<code>tslint.json</code>):</p>
  
  <pre><code>{
    "extends": [
      "tslint:recommended",
      "tslint-eslint-rules",
      "tslint-react",
      "tslint-config-prettier"
    ],
    "jsRules": {},
    "rules": {
      "interface-name": false,
      "jsx-no-lambda": false,
      "quotemark": [true, "single", "jsx-double"]
    }
  }
  </code></pre>
  
  <p>What could be the reason for this? I've used these settings with other projects before and they don't get messed up (even if I revisit them and safe now). Also it's only imports that get messed up, other than that, prettier works well.</p>