标签归档subline text3

subline text3-慕课网

吴阳 No Comments

来源: 学以致用——综合技巧运用-慕课网

插件安装

import  urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

subline texe3快捷键

1、新建:ctrl+N

2、匹配跳转:ctrl+P(go to anything),输入“#”,出现页面各种元素,输入对应元素名即可跳转到相应元素位置。

3、控制面板(暂时这么称呼吧):ctrl+shift+P,(1)新建文件之后输入“ssh”,将本文件格式定为CSS3的HTML;(2)输入script,即为js文件;(3)CSS同理。

4、增加一行:ctrl+Enter

5、ctrl加{ 和 ctrl加}:减少缩进 和 增加缩进。

6、在相同结构标签内加入文字。alt+f3选中第一个“需要添加文字的地方的标签”,如:<li></li>,选中><再按快捷键,游标将会出现在标签内,再通过方向键移动到标签内输入字即可。

7、ctrl+shift+v,会将复制过来的代码保持缩进。

Emmet插件快捷键:

1、! 加 ctrl+E,生成HTML5 结构。

2、增加ul结构:ul>.item$*10加ctrl+E

(1)释义:”>”表示当前ul的子元素li;”.item”表示li的class名;”$”序号;”*10″生成1~10排序的li。

(2)生成如下结构:

<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>

3、h2{this is title}加ctrl+E

结果:

<ul>
 <li class="item1"><h2>this is title</h2></li>
 <li class="item2"><h2>this is title</h2></li>
 <li class="item3"><h2>this is title</h2></li>
 <li class="item4"><h2>this is title</h2></li>
 <li class="item5"><h2>this is title</h2></li>
 <li class="item6"><h2>this is title</h2></li>
 <li class="item7"><h2>this is title</h2></li>
 <li class="item8"><h2>this is title</h2></li>
 <li class="item9"><h2>this is title</h2></li>
 <li class="item10"><h2>this is title</h2></li>
 </ul>