Sublime小技巧

Sublime,代码编辑器。

1.代码模板

Ctrl+Shift+P
输入html,选择blank html page就可以得到一个简单的html模板啦,不同自己一个个码
另外还有bs3的form,table等的填充,前提是有在package control安装相关的bootstrap插件
sublime有非常丰富的插件库,可以自己去尝试

Sublime小技巧_第1张图片
代码模板.png

2.代码定位

Ctrl+P

  • :n跳到第n行,在代码量特别大的报错情况下很实用
  • #跳出关键字选择,点击可定位到相应的关键字
    Sublime小技巧_第2张图片
    关键字选择.png

3.代码注释

Ctrl+/单行注释
Ctrl+Shift+/选中块注释

4. 快速填充

  • option*n+Tab
    内输入option*n+tab,即可快速填充option,其中n表示option的个数
    Sublime小技巧_第3张图片
    option填充.png
  • option.item*n+Tab
    快速填充带有class属性的option,其中itemclass
    Sublime小技巧_第4张图片
    option填充.png
  • option.id_$[]*n+Tab
    快速填充带有id属性的option,其中id在未指定情况下自动生成1,2,3,4...
    Sublime小技巧_第5张图片
    option填充.png
  • option.id_$[value=$]*n+Tab
    快速填充带有value属性的option,其中value在未指定情况下自动生成1,2,3,4...
    Sublime小技巧_第6张图片
    option填充.png
  • option{value}
    用大括号插入值,其中value是你要插入的值,可用$填充
    option填充.png
  • a[href=#]
    生成href,其中#表示要生成的链接内容
    href
  • e.g.
    ul>li*5>a[href=#]{link$}
    Sublime小技巧_第7张图片
    例子.png

你可能感兴趣的:(Sublime小技巧)