Sublime Text 2插件的安装和快捷方式总结

自动换行

Preferences -> 用户设置 -> 在{}中输入"word_wrap": true

这里写图片描述

快速打开文件(go to anything)

Ctrl + P
@+关键字,页内查询

多行游标

Ctrl + H 打开 查找替换
Ctrl + D选择 Ctrl + K 跳过
Ctrl + N 打开新文件
Alt + F3 多选

复制当前行的内容

Ctrl + Shift + D 快速复制当前行的内容

快速设置语法格式

Ctrl + Shift + P 打开语法命令模式,然后在输入框输入相关字,通过模糊匹配设置语法格式

快速生成html5头部信息

html:5 + Tab 快速生成html5头部信息

快速在页面的某一行下面添加一行

Ctrl + P 打开 goto anything特性
# + 关键字 在当前页进行匹配
Ctrl + Enter 在当前行下面添加一行
Ctrl + Shift+ Enter 在当前行的上面添加一行

快速生成无序列表

  • ul>.item$*10 在当前位置生成一个无序10个li元素且类名为item1、item2…列表
<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
    <li class="item6"></li>
    <li class="item7"></li>
    <li class="item8"></li>
    <li class="item9"></li>
    <li class="item10"></li>
  </ul>
  • 选择>< + Ctrl + D 选中所有的li元素的文本区,然后通过移动光标进行切换位置,进行统一编辑
  • 输入h2{this is test}, {}里面的文本代表的是在当前h2元素的文本节点的内容,然后将光标移动到行末+Tab就生成了如下文本:
<ul>
    <li class="item1">
      <h2>this is test</h2>
    </li>
    <li class="item2">
      <h2>this is test</h2>
    </li>
    <li class="item3">
      <h2>this is test</h2>
    </li>
    <li class="item4">
      <h2>this is test</h2>
    </li>
    <li class="item5">
      <h2>this is test</h2>
    </li>
    <li class="item6">
      <h2>this is test</h2>
    </li>
    <li class="item7">
      <h2>this is test</h2>
    </li>
    <li class="item8">
      <h2>this is test</h2>
    </li>
    <li class="item9">
      <h2>this is test</h2>
    </li>
    <li class="item10">
      <h2>this is test</h2>
    </li>
  </ul>

缩进粘贴

Ctrl + Shift + V

如何安装插件

  • 安装package control
  • 打开package Control
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值