title: prettier settings for vscode
body: <p>I recently switched to a new computer, and am having difficulty with a prettier setting. (I think it's prettier, could be eslint). </p>
  
  <p>This gif illustrates what's happening:
  <a href="http://g.recordit.co/H871hfT9Sv.gif" rel="noreferrer">http://g.recordit.co/H871hfT9Sv.gif</a></p>
  
  <p>Anyone know what this setting is called? I would prefer all imports to be on a single line unless the length extends the <code>printWidth</code> setting.</p>
  
  <p>Here are my relevant User Settings from VS Code:</p>
  
  <pre class="lang-json prettyprint-override"><code>{
    "prettier.printWidth": 100,
    "prettier.semi": false,
    "prettier.singleQuote": true,
    "prettier.trailingComma": "all"
  }
  </code></pre>
  
  <p>Thanks !</p>
  
  <p>Edit:
  Visual depiction so you don't need to watch the gif.</p>
  
  <p>Expected:</p>
  
  <pre class="lang-js prettyprint-override"><code>import React from 'react'
  import { Dimensions, StyleSheet, View } from 'react-native'
  import LinearGradient from 'react-native-linear-gradient'
  import { isIphoneX } from 'react-native-iphone-x-helper'
  </code></pre>
  
  <p>Behavior: (unwanted)</p>
  
  <pre class="lang-js prettyprint-override"><code>import React from 'react'
  import {
    Dimensions,
    StyleSheet,
    View
  } from 'react-native'
  import LinearGradient from 'react-native-linear-gradient'
  import {
    isIphoneX
  } from 'react-native-iphone-x-helper'
  </code></pre>