美文网首页
Sublime Text 多光标操作 1

Sublime Text 多光标操作 1

作者: kyuan | 来源:发表于2020-02-05 18:37 被阅读0次

这次介绍关于多光标操作,首先我们先看一个案例:
下方动图是多光标操作的一个场景,需要将多行文本的两部分内容拆开放到dtdd中。

多光标操作

分析

以往做法是逐个剪切与粘贴方式,十分低效,现在开始就可以使用多光标操作提高效率啦,下面我们就按部就班完成这个内容

首先重要的一点是分割,这里可以看到每一行的内容是以分割前后半段的内容

编写html结构

一共有13行内容,开始用zen coding Emmet插件 输出13对dt与dd

dl>(dt+dd)*13 // 输入此行后按tab

拆分前后内容

  • 前部分内容
    • 选中按下Alt+F3全选,此时就会进入多光标模式
    • 按下Shift+Home选中到行头的内容,Ctrl+x剪切;选中dt标签->按下Alt+F3全选dt标签->按右键进入标签内,即可粘贴
  • 后部分内容,如上操作

最后

此时粘贴完内容后,仍然处于多光标状态,动图中是进行换行操作以示区分,需要退出多光标操作只需按ESC

相关文章

  • Sublime Text 多光标操作 1

    这次介绍关于多光标操作,首先我们先看一个案例:下方动图是多光标操作的一个场景,需要将多行文本的两部分内容拆开放到d...

  • Sublime Text 多光标操作 2

    上期< >以一个实际使用场景作为多光标操作的引入,这期我们讲述更多多光标的操作 多光标操作触发快捷键与方式 Ctr...

  • web前端开发与调试工具

    sublime text介绍 常用快捷键: 多行编辑: ctrl + d: 选中光标所占的文本,继续操作则会选中下...

  • Sublime Text3常用快捷键

    Sublime Text操作 1.就近选择相同项: ctrl+d 把光标放在一个单词上,按下ctrl+d,将选择这...

  • sublime text 3解决中文输入

    解决sublime text 3中文输入问题(四行命令) sublime光标设置 按住insert +shift ...

  • sublime Text3 常用快捷键

    Sublime Text 3 常用快捷键 一、 选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一...

  • Sublime Text3 快捷键总结

    Sublime Text 3 快捷键总结 选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文...

  • Sublime Text 3 快捷键总结

    Sublime Text 3 快捷键总结 选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文...

  • 2018-08-21 day2

    1.sublime Text3快捷键和注释颜色修改 sublime快捷键 修改注释颜色相关操作,参考sublime...

  • sublime快捷键

    Sublime Text3快捷键大全 选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。...

网友评论

      本文标题:Sublime Text 多光标操作 1

      本文链接:https://www.haomeiwen.com/subject/mitexhtx.html