VScode格式化文档换行或不换行的设置方法

不喜欢一开始格式化的换行，决定换成不换行的

一开始我的电脑就有如图两个插件

这时换行的，改完后，Prettier - Code formatter仍可以换行

这是不换行的，使用Vatur

首先找到settings.json文件

第一，可以在左下角的图标中找设置，然后就出现图二

第二种，在左上角找 文件->首选项->设置

找到 settings.json 后，里面内容如下

{"files.associations": {"*.cjson": "jsonc","*.wxss": "css","*.wxs": "Javascript"},"emmet.includeLanguages": {"wxml": "html"},"minapp-vscode.disableAutoConfig": true,"editor.renderControlCharacters": true,"[Javascript]": {"editor.defaultFormatter": "HookyQR.beautify"}
}


将文件中所有代码换成以下代码

{"[html]": {"editor.defaultFormatter": "HookyQR.beautify"},"[Javascript]": {"editor.defaultFormatter": "HookyQR.beautify"},"editor.tabSize": 2,"eslint.autoFixOnSave": true, // 每次保存的时候将代码按eslint格式进行修复"prettier.eslintIntegration": true, //让prettier使用eslint的代码格式进行校验"prettier.semi": false, //去掉代码结尾的分号"prettier.singleQuote": true, //使用带引号替代双引号"Javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html"vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "auto" //"force-aligned" //属性强制折行对齐}},"[jsonc]": {"editor.defaultFormatter": "HookyQR.beautify"},"Javascript.format.insertSpaceBeforeFunctionParenthesis": false, // #不让函数(名)和后面的括号之间加个空格"vetur.validation.template": false,"[json]": {"editor.defaultFormatter": "HookyQR.beautify"},"html.format.wrapAttributes": "preserve","search.followSymlinks": false,"editor.codeActionsOnSave": {"source.fixAll.eslint": true},"[vue]": {"editor.defaultFormatter": "octref.vetur"} // 阻止iview报错
}


最后，出现下图选项，就可以选择格式化样式了