作为一个前端,有一款好的开发利器是必不可少的,editplus、notepad++都是不错的工具,体积轻巧,启动迅速(dw太浮肿了)。Sublime
Text2是一款跨平台的编辑器,是一款具有代码高亮、语法提示、
自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制。zen coding
一种快速编写HTML/CSS代码的方法,已改名为Emmet,并且搭建了一个新的网站:docs.emmet.io Sublime
Text 2安装插件Emmet后,打开sublime Text2输入代码ul>li*4>a{Links$}
,按Tab键生成下面一段代码:
Emmet插件的安装:
打开Sublime Text 2,首先,我们需要安装Package Contro,ctrl+`调出命令行工具,输入import
urllib2,os;pf=’Package
Control.sublime-package’;ipp=sublime.installed_packages_path();os.makedirs(ipp)
if not os.path.exists(ipp) else
None;open(os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘
‘,’
′)).read())回车即可。或者ctrl+shift+p,
点击Preferences→Package Control,显示以下弹窗,选择Install Package
之后再输入Emmet来找到要安装的包,安装后就可以使用了。
使用Emmet编写代码时,需要遵循一定的缩写规则:
html:xt
html文件表头
E
元素名(div、p)
E#id
带Id的元素(div#content、p#intro、span#error)
E.class
带class的的元素(div.header、p.error),id和class可以连着写,div#content.column
E>N
子元素(div>p、div#footer>p>span)
E*N
多项元素(ul#nav>li*5>a)
E+N
多项元素
E$*N
带序号的元素
文章名称:《怎么使用sublime
Text2快速编写html及快捷键》
文章固定链接:http://www.gefenelunan.com/tools/424.html
除注明转载文章外 转载时必须以链接形式注明作者和原始出处及本声明