Sublime Text 高速编写代码

作者: aviscasner8 分类: 心得分享 发布时间: 2019-03-24 01:23

简介

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

使用SublimeText快速编写代码

快速生成HTML5的头部信息的步骤:

1.Ctrl + N,新建一个文档;

2.Ctrl + Shift + P,打开命令模式,再输入 sshtml 进行模糊匹配,将语法切换到html模式;

3.输入 !,再按下Tab键或者 Ctrl + E ,就能快速打开HTML5的整体结构。

嵌套操作

子操作: >
div>ul>li

<div>     <ul>         <li></li>     </ul> </div>

并列:+
div+ul>li

<div></div> <ul>     <li></li> </ul>

上级:^
ul>li^div

<ul>     <li></li> </ul> <div></div>

ul>li>a^^div 上级多层

<ul>     <li><a href=""></a></li> </ul> <div></div>

重复:*
ul>li*3

<ul>     <li></li>     <li></li>     <li></li> </ul>

分组:()
div>(p>span)*2

<div>     <p><span></span></p>     <p><span></span></p> </div>

属性操作

id和类
div#header+div.main+div#footer

<div id="header"></div> <div class="main"></div> <div id="footer"></div>

属性值
a[title=test target=_self]

<a title="test" target="_self" href=""></a>

数列值:$
p.item$*3

<p class="item1"></p> <p class="item2"></p> <p class="item3"></p>

p.item$$*3

<p class="item01"></p> <p class="item02"></p> <p class="item03"></p>

数列操作符:@
[email protected]*3 @- = -1

<p class="item3"></p> <p class="item2"></p> <p class="item1"></p>

[email protected]*3 @3 = 从3开始3次

<p class="item3"></p> <p class="item4"></p> <p class="item5"></p>

[email protected]*3 @-3 = 3次后到3结束

<p class="item5"></p> <p class="item4"></p> <p class="item3"></p>

字符操作

字符操作:{}

a{click}

<a href="">click</a>

a>{click}+span{me}

<a href="">click<span>me</span></a>

缺省元素

.header+.footer

<div class="header"></div> <div class="footer"></div>

ul>.item*3

<ul>   <li class="item"></li>   <li class="item"></li>   <li class="item"></li> </ul>

table>.row*4>.cell*3

<table>   <tr class="row">     <td class="cell"></td>     <td class="cell"></td>     <td class="cell"></td>   </tr>   <tr class="row">     <td class="cell"></td>     <td class="cell"></td>     <td class="cell"></td>   </tr>   <tr class="row">     <td class="cell"></td>     <td class="cell"></td>     <td class="cell"></td>   </tr>   <tr class="row">     <td class="cell"></td>     <td class="cell"></td>     <td class="cell"></td>   </tr> </table>

注意

以上所有的简写方式都要 + tab

如果搞不清楚顺序了,多用()。就像1+2×3,实际上是(1+2)×3。

这里附上Sublime Text 3绿色汉化版(带高亮插件) 的下载地址

发表评论

电子邮件地址不会被公开。 必填项已用*标注

标签云