reactjs VSCode将逗号分隔的值拆分为行

x0fgdtte  于 2022-12-22  发布在  React
关注(0)|答案(2)|浏览(204)

是否有办法分离此格式:

const { a, b, c, d, e, g, f, g, etc } = alphabet

进入

const { 
  a, 
  b, 
  c, 
  d, 
  e, 
  g, 
  f, 
  g, 
  etc } = alphabet

很容易?

更新

经过几天无休止的搜索,我决定用我的周末时间创建一个扩展来实现这个目标。

yyyllmsg

yyyllmsg1#

在这种情况下,可以使用多光标功能。

  • 将列表移动到您希望看到第一个元素的位置
  • 选择第一个逗号
  • 执行editor.action.addSelectionToNextFindMatch(在Windows上默认设置为CTRL + d,在Mac上设置为cmd + d),直到所有逗号都被选中(现在您有了多个选择,每个逗号上都有多个光标)。
  • 按右箭头键将光标设置在逗号后面
  • 按ENTER键
  • 根据需要调整缩进。
    • 这就是它看起来的样子**

ssgvzors

ssgvzors2#

更新

几年前我就这样做了。现在,我使用的是prettier,它真的很有帮助,也更有效率。然而,我保留了一份我做的插件的副本,用于特殊目的和教育。
几天来我一直在寻找这方面的支持,但是没有找到任何支持,所以我决定创建一个名为Break From Comma!的扩展
我希望这能有所帮助! Contributions也非常受欢迎!

功能

  • 支持单引号和双引号
  • 自动压痕!

局限性

  • 它目前不支持多光标。

相关问题