VSCode之美化前端代码

问题：编码前端代码后格式混乱，定位问题尤其考验强迫症患者及眼睛

简介

• Beautify是格式化代码的插件
• 可美化JS、JSON、CSS、Sass、HTML（其他类型的文件不行）

教程

1. 安装Beautify插件
   image.png
   2. 在项目根目录下新建文件.jsbeautifyrc
   规则参考

{
 "indent_char": " ",
  "indent_size": 0,
  "eol": "\n",
  "end_with_newline": false,
  "indent_with_tabs": false,
  "preserve_newlines": true,
"wrap_attributes":"auto",
"comma_first": false,
  "indent_level": 0,
  "keep_array_indentation": false,
  "keep_function_indentation": false,
  "space_after_anon_function": false,
  "space_after_named_function": false, 
  "space_before_conditional": false,
  "space_in_empty_paren": false,
  "space_in_paren": false
}

3. mac 下在vscode中打开目标文件，按快捷键shift+option+f即可

问题

1. 这插件会把jsx当做js来格式化，怎么让VScode中的beautify插件不格式化react项目中的jsx代码？
   

   右下角，把语言模式 JavaScript 改成 JavaScript React
   image.png