Javascript 如何在VSCode中快速切换块样式和表达式样式的箭头函数

Javascript 如何在VSCode中快速切换块样式和表达式样式的箭头函数,javascript,visual-studio-code,arrow-functions,Javascript,Visual Studio Code,Arrow Functions,我的设置: VSCode 设置为“始终” 配置为自动修复错误的VSCode eslint扩展 我试图解决的问题是,在块样式和表达式样式的箭头函数之间切换很麻烦。这里有一个比较: //块样式 常量myBlockStyleArrowFn=()=>{ 返回{}; } //表达风格 常量myExpressionStyleArrowFn=()=>({}); 在很多情况下,我真的很喜欢速记表达式样式,但是当需要扩展其中一个函数时,总是需要手动添加必要的大括号等 更糟糕的是,如果我只是在试验更改,那么我

我的设置:

  • VSCode
  • 设置为“始终”
  • 配置为自动修复错误的VSCode eslint扩展
我试图解决的问题是,在块样式和表达式样式的箭头函数之间切换很麻烦。这里有一个比较:

//块样式
常量myBlockStyleArrowFn=()=>{
返回{};
}
//表达风格
常量myExpressionStyleArrowFn=()=>({});
在很多情况下,我真的很喜欢速记表达式样式,但是当需要扩展其中一个函数时,总是需要手动添加必要的大括号等

更糟糕的是,如果我只是在试验更改,那么我发现VSCode将有助于将我的块样式箭头函数转换回表达式样式(我发现自己插入冗余的
console.log()
语句只是为了防止这种情况发生)

我真正喜欢的是一个扩展,它可以让我通过一个快捷方式在两个表单之间切换(也许有一个我找不到,或者我应该写一个!)。这是我的问题:

在VSCode中,在两种形式的JavaScript箭头函数之间进行转换的最简单方法是什么?

我知道我可以关闭自动修复功能,但在99%的情况下,它做得很好,所以我会损失很多


一如既往地感谢您的帮助。

此操作具有内置的重构功能

将光标放在
=
之间。将出现一个灯泡。
单击灯泡并选择
向箭头功能添加括号。


执行同样的操作并选择从arrow函数中删除括号将返回到另一种方式。

您只需安装VS code JavaScript Booster扩展,您的编码效率将变得更容易,将常规函数更改为arrow函数,您可以轻松地恢复到原来的状态,并且扩展还提供了更多功能。这里的扩展主要是链接。

Bump。我也有同样的问题,对于IntelliJ,这真的很容易做到。你找到解决办法了吗?