Visual Studio中Beautify插件可选链运算符格式化异常问题求助

这个坑我之前也踩过！Beautify插件对ES6+新语法的支持有时候确实跟不上趟，不过有几个靠谱的办法能搞定这个问题：

• 检查并配置Beautify的ESNext支持
  很多时候是因为插件默认没开启对ESNext语法的兼容。你可以在编辑器的配置里（比如VS Code的settings.json）加上针对JS的配置，明确开启ESNext支持：

  {
    "beautify.config": {
      "js": {
        "esnext": true,
        "indent_size": 2,
        "space_in_paren": false
      }
    }
  }
  

  或者在项目根目录创建.jsbeautifyrc配置文件，把规则写进去，这样整个项目都能生效。

• 更新Beautify插件到最新版本
  旧版本的Beautify对可选链这类较新的语法支持不完善是常见问题。去插件市场检查一下有没有更新，升级到最新版之后，很多语法兼容性问题都会自动消失。

• 切换到更现代的格式化工具
  如果上面的方法都不管用，不如直接换用Prettier这类专门针对现代JS语法设计的格式化工具。它对可选链、可选链赋值这些新语法支持得非常好，而且配置简单，不会出现这种莫名其妙的拆分问题。只需要安装Prettier插件，然后把它设为默认格式化器就行。

• 临时规避方案
  要是暂时不想换工具，也可以在格式化前把可选链的地方暂时注释掉？不过这肯定不是长久之计，还是前面的方法更靠谱。

内容的提问来源于stack exchange，提问作者Manea Valenti Cornel