vscode 格式化代码 4个空格

1. 文件下面的 Space:4 代表了你当前正在使用4个空格缩进。

   
   
   

2. shift + option + F 格式化代码还是缩进为2个空格。
   vscode格式化Vue出现的问题
   参考这篇文章的解决办法

"vetur.format.defaultFormatter.js": "prettier", 改为 "vetur.format.defaultFormatter.js": "vscode-typescript"

3. 安装 beautify 插件（对我而且 shift + option + F 格式化代码起作用了），但是对象解构的属性都会自动换行，有时想在同一行显示属性，也会自动格式化为多行展示。
   问题同： vscode 格式化es6 import {} 自动换行，凡是带有对象{}都会自动换行！！！
   解决办法：
   setting.json 里添加：

"beautify.config": {
    "brace_style": "collapse,preserve-inline"
}

加在 setting.json 最后就行。

4. 如何用vscode格式化react的jsx代码？

安装 prettier 插件，项目根目录新建文件 .prettierrc

{
    "eslintIntegration": true,
    "stylelintIntegration": true,
    "tabWidth": 4,
    "singleQuote": true,
    "semi": false
}

---

参考：
Option to preserve or inline "short objects" on a single line
使用vscode配合eslint格式化代码
ESLint 配置文件 .eslintrc 示例及说明
ESLint的standard规范
enforce line breaks after opening and before closing array brackets (array-bracket-newline)