how to format js code in vscode - visual-studio-code

Question

my settings.json
"editor.wordWrap": "off",
the setting can to display a single line in .vue file
but doesn't work in .js file when i format js code
import {
Message
} from 'element-ui'
import {
getLoginInfo,
getDeviceId,
deleteEmptyObjParam
} from 'util'
my expected result is
import {getLoginInfo, getDeviceId, deleteEmptyObjParam} from 'util'
how can I configure it?
my vscode version
1.23.0 (1.23.0)
full settings.json
{
"explorer.confirmDragAndDrop": true,
"files.associations": {
"*.vue": "vue"
},
"editor.wordSeparators": "`~!##$%^&*()=+[{]}\\|;:'\",.<>/?",
"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",
}