这次介绍关于多光标操作,首先我们先看一个案例:
下方动图是多光标操作的一个场景,需要将多行文本的两部分内容拆开放到dt
与dd
中。
分析
以往做法是逐个剪切与粘贴方式,十分低效,现在开始就可以使用多光标操作提高效率啦,下面我们就按部就班完成这个内容
首先重要的一点是分割,这里可以看到每一行的内容是以:
分割前后半段的内容
编写html结构
一共有13行内容,开始用zen coding
Emmet插件 输出13对dt与dd
dl>(dt+dd)*13 // 输入此行后按tab
拆分前后内容
- 前部分内容
- 选中
:
按下Alt+F3
全选:
,此时就会进入多光标模式 - 按下
Shift+Home
选中到行头的内容,Ctrl+x
剪切;选中dt标签
->按下Alt+F3
全选dt标签
->按右键
进入标签内,即可粘贴
- 选中
- 后部分内容,如上操作
最后
此时粘贴完内容后,仍然处于多光标状态,动图中是进行换行操作以示区分,需要退出多光标操作只需按ESC
网友评论