title: how to format js code in vscode
body: <p>my settings.json </p>
  
  <pre><code>"editor.wordWrap": "off",
  </code></pre>
  
  <p>the setting can to display a single line in .vue file</p>
  
  <p>but  doesn't work in .js file when i format js code</p>
  
  <pre><code>import {
    Message
  } from 'element-ui'
  import {
    getLoginInfo,
    getDeviceId,
    deleteEmptyObjParam
  } from 'util'
  </code></pre>
  
  <p>my expected result is</p>
  
  <pre><code>import {getLoginInfo, getDeviceId, deleteEmptyObjParam} from 'util'
  </code></pre>
  
  <p>how can I configure it?</p>
  
  <p>my vscode version </p>
  
  <pre><code>1.23.0 (1.23.0)
  </code></pre>
  
  <p>full settings.json</p>
  
  <pre><code>{
      "explorer.confirmDragAndDrop": true,
      "files.associations": {
          "*.vue": "vue"
      },
      "editor.wordSeparators": "`~!@#$%^&amp;*()=+[{]}\\|;:'\",.&lt;&gt;/?",
      "workbench.iconTheme": "material-icon-theme",
      "vsicons.presets.jsOfficial": true,
      "vsicons.presets.tsOfficial": true,
      "window.zoomLevel": 0,
      "prettier.singleQuote": true,
      "prettier.semi": false,
      "editor.tabSize": 2,
      "vetur.format.defaultFormatter.html": "js-beautify-html",
      "vetur.format.defaultFormatterOptions": {
          "wrap_attributes": "force-aligned"
      },
      "editor.wordWrap": "off",
      "editor.formatOnPaste": false,
      "editor.formatOnSave": false,
      "editor.formatOnType": false,
      "workbench.colorTheme": "Atom One Dark",
  }
  </code></pre>