VSCode 设置代码格式化

文件->首选项->设置然后右上角打开设置（json）

默认设置：

{"editor.fontSize": 18,"merge-conflict.codeLens.enabled": false,"editor.unicodeHighlight.includeStrings": false,"editor.unicodeHighlight.includeComments": false,"editor.unicodeHighlight.nonBasicASCII": false,"diffEditor.ignoreTrimWhitespace": false,"[javascript]": {"editor.defaultFormatter": "vscode.typescript-language-features"}
}

规则1：

{"git.autofetch": true,"editor.quickSuggestions": {"strings": true},"files.autoSave": "afterDelay",// vetur configuration"vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatter.js": "prettier","vetur.format.defaultFormatter.css": "prettier","vetur.format.defaultFormatter.ts": "prettier","vetur.format.defaultFormatterOptions": {// 属性强制折行对齐"wrap_attributes": "force-aligned"},// eslint configuration"eslint.enable": true,"eslint.autoFixOnSave": true,"eslint.validate": [{"language": "html","autoFix": true},{"language": "vue","autoFix": true},{"language": "css","autoFix": true},{"language": "scss","autoFix": true},{"language": "typescript","autoFix": true},{"language": "javascript","autoFix": true},{"language": "javascriptreact","autoFix": true}],"explorer.confirmDelete": true,"vetur.validation.template": false,"editor.fontSize": 16,"window.zoomLevel": 0,"editor.minimap.enabled": false,"workbench.startupEditor": "newUntitledFile","editor.codeActionsOnSave": {"source.fixAll.eslint": true},"files.associations": {"*.cjson": "jsonc","*.wxss": "css","*.wxs": "javascript"},"emmet.includeLanguages": {"wxml": "html"},"minapp-vscode.disableAutoConfig": true,"workbench.colorTheme": "Visual Studio Dark","javascript.updateImportsOnFileMove.enabled": "never",
}

规则2：

{"files.eol": "\n","typescript.preferences.quoteStyle": "single","javascript.preferences.quoteStyle": "single",// tab 大小为2个空格"editor.tabSize": 2,// 编辑器换行"editor.wordWrap": "off",// 保存时格式化"editor.formatOnSave": false,// 开启 vscode 文件路径导航"breadcrumbs.enabled": true,// prettier 设置语句末尾不加分号"prettier.semi": false,// prettier 设置强制单引号"prettier.singleQuote": true,// 选择 vue 文件中 template 的格式化工具"vetur.format.defaultFormatter.html": "js-beautify-html",// vetur 的自定义设置"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "aligned-multiple"},"prettier": {"singleQuote": true,"semi": false,"printWidth": 100,"wrapAttributes": false,"sortAttributes": false}}
}

推荐使用规则2

VSCode 设置代码格式化相关推荐

VSCode设置代码格式化
1.首先打开VScode软件在setting.json里面拷贝如下代码. 打开设置搜索settings.json 之后拷贝代码把这串代码拷贝到settings.json中 {// vscode默认启 ...
vscode 设置代码格式化缩进为4个空格
1.在设置中搜索"tabsize" ,将下图中两个地方都改为4 搜索:"detectindentation",将前面的勾选去了 2. 选择要格式化的文件,右键选 ...
vscode 设置代码格式化缩进为2个空格
打开文件-->首选-->设置输入搜索 tabsize 按照下图设置即可,然后打开一个文件按Alt+Shift+f格式化测试一下效果: 缩进为4个空格缩进为2个空格
vscode vetur 代码格式化优化设置（亲测有用）
原文 vscode vetur 代码格式化优化设置(亲测有用) vue 文件在使用 vetur 格式化时,会默认把标签的每一个属性单独占一行,而且标签错位,可读性很差 1.点击左下角齿轮图标 --&g ...
在使用 VScode 进行代码格式化后，保存发现代码又变乱了，怎么办？
出现的问题: 在用 VScode 时,代码使用格式化文档时,可以完美的进行格式化,但保存后,代码变乱或遇到如下问题: 保存代码的时候,代码被自动格式化,然后格式就变乱了(只要保存,格式就被打乱) ...
vsCode JS代码格式化插件ESlint
vsCode JS代码格式化插件ESlint 验证有效,Ctrl+S保存代码全格式化了.写这个主要是个人笔记,算不得重复造. 源头:https://blog.csdn.net/qq_34803821/ ...
VSCode 设置代码自动保存！！！
VSCode 设置代码自动保存!!! 一.打开VSCode界面二.搜索框内输入 auto save 三.默认是off不保存四.afterDelay -将在配置的 "#files.auto ...
vscode c#代码格式化
下载 .NET 6.0 (Linux.macOS 和 Windows) (microsoft.com) 今天在写代码时发现,vscode的代码格式化不能用了,发现扩展市场里[DEPRECATED] C ...
VSCode设置自动格式化代码
1.首先file->Preferences->Settings,进入配置页面 2.选择Text Editor->Formatting 勾选format on save,则写代码时,保 ...

VSCode 设置代码格式化

VSCode 设置代码格式化

VSCode 设置代码格式化相关推荐

最新文章

热门文章