美文网首页
Sublime小技巧

Sublime小技巧

作者: leonaxiong | 来源:发表于2017-05-26 11:30 被阅读0次

    Sublime,代码编辑器。

    1.代码模板

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

    代码模板.png

    2.代码定位

    Ctrl+P

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

    3.代码注释

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

    4. 快速填充

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

    相关文章

      网友评论

          本文标题:Sublime小技巧

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