快速编写html的快捷键是,怎么使用sublime Text2快速编写html及快捷键

作为一个前端，有一款好的开发利器是必不可少的，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

除注明转载文章外 转载时必须以链接形式注明作者和原始出处及本声明