VScode代码自动格式化

 

 安装ESLink和Prettier

设置图标点击面板命令后，搜素setting.json文件 

将以下代码copy到setting.json文件夹下

// 将设置放入此文件中以覆盖默认值和用户设置。
{
// 配置 glob 模式以排除文件和文件夹。
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/.DS_Store": true,
"**/*.pyc": true
},
// 尽可能控制尾随逗号的输出。
// 有效选项：
// '无' - 无尾随逗号
// ' es5' - 在ES5中有效的尾随逗号（对象，数组等）
// 'all' - 尾随逗号 尽可能（函数参数）
"prettier.trailingComma": "all",
// 设置一个tab=2个空格
"[javascriptreact]": {
"editor.tabSize": 2,
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// 启用或禁用在 VS Code 中重命名或移动文件时自动更新导入路径的功能。
// - prompt: 在每次重命名时进行提示。
// - always: 始终自动更新路径。
// - never: 一律不要重命名路径，也不要提示。
"javascript.updateImportsOnFileMove.enabled": "always",
// 控制在打开设置时是否同时打开显示所有默认设置的编辑器。
"workbench.settings.openDefaultSettings": true,
// 在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。
//"editor.formatOnSave": true,
// 设置默认的格式化插件为prettier
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"prettier.proseWrap": "never",
"prettier.singleQuote": true,
"prettier.printWidth": 100,
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue"
}

.测试 >>将代码格式弄乱  之后command+s保存  格式化代码