[Vscode] 快速格式化代码: shift+alt+f
- 也可以设置 当我们 保存页面的时候自动格式化代码:1）文件 ------.>【首选项】---------->【设置】；
- 片描述 如图 末尾用英文 逗号 ，隔开
-
在settings.json下的【工作区设置】中添加以下语句：“editor.formatOnType”: true, “editor.formatOnSave”: true 12设置以后即可在保存代码的时候同时格式化代码 。如果没有这个设置选项，可以直接搜索“格式化”
-
在设置-文本编辑器中找到格式化 选中在srttings.json 中编辑 把下面的复制进去并执行
{ "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[vue]": { "editor.defaultFormatter": "octref.vetur" }, "[javascript]": { "editor.defaultFormatter": "HookyQR.beautify" }, "editor.formatOnType": true, "files.autoSave": "onWindowChange", "[less]": { "editor.defaultFormatter": "michelemelluso.code-beautifier" }, "git.autofetch": true, "git.confirmSync": false, "editor.detectIndentation": false, "files.associations": { ".eslintrc": "json", "*.vue": "vue" }, "diffEditor.ignoreTrimWhitespace": false, "editor.tabSize": 4, "git.enableSmartCommit": true, "emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": { "vue-html": "html", "vue": "html" }, "vetur.format.options.tabSize": 4, "vetur.format.options.useTabs": true, "vetur.validation.template": false,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto"
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
}
},
"[css]": {
"editor.defaultFormatter": "michelemelluso.code-beautifier"
},
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[scss]": {
"editor.defaultFormatter": "michelemelluso.code-beautifier"
},
"explorer.confirmDelete": false,
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"typescript.npm": "",
"beautify.language": {
"js": {
"type": ["javascript", "json"],
"filename": [".jshintrc", ".jsbeautify"]
},
"css": ["css", "scss"],
"html": [
"htm",
"html",
"vue" //在这里加上vue
]
},
"workbench.commandPalette.preserveInput": true,
"merge-conflict.autoNavigateNextConflict.enabled": true,
"workbench.colorTheme": "Default Dark+",
"beautify.config": "",
"extensions.confirmedUriHandlerExtensionIds": [],
"shadowReader.hiddenTime": 60,
"shadowReader.pageSize": 30,
}
