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

时间:2017-02-11 03:14:35

标签: javascript reactjs ide ecmascript-6 visual-studio-code

有没有办法分隔这种格式:

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

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

易?

更新

经过几天无休止的搜索,我决定用我的周末创建一个扩展来实现这一目标。请参阅下面的答案。

2 个答案:

答案 0 :(得分:10)

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

  • 将列表移动到您想要查看第一个元素的位置
  • 选择第一个逗号
  • 执行editor.action.addSelectionToNextFindMatch(在Windows上,默认设置为 CTRL + d ),直到选中所有逗号
  • 现在,您可以在每个逗号中选择多个游标。按右箭头键设置逗号后面的光标
  • ENTER
  • 如果需要,请调整缩进。

这就是它的样子:

enter image description here

答案 1 :(得分:4)

更新

几年前我就这样做了。如今,我正在使用prettier,它真的很有帮助,而且效率更高。但是,我保留了我为临时目的和教育而制作的插件的副本。

我一直在寻找这方面的支持,但几乎找不到。所以我决定创建一个名为Break From Comma!

的扩展程序

我希望这有帮助! Contributions也非常受欢迎!

功能

  • 支持单引号和双引号
  • 自动缩进!

限制

  • 目前不支持多光标。

Demo