Sublime Text 2 的新Zen coding 插件:Emmet

之前的Zen coding插件,现在升级成了Emmet。主要功能还是Zen coding,不过现在除了支持Html,还进一步的把这种快速生成代码的方式扩展到了CSS。而且现在好像架构是基于PyV8用Javascript写的了。另外就是在扩展方面支持强大了很多,这个我没仔细看。 别的不说了,可以看官方很Cool的在线文档。这里就举两个例子。 1. HTML 输入如下文字:div>(header>ul>li*2>a)+footer>p,按下tab,将生成这样的代码: <div> <header> <ul> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </header> <footer> <p></p> </footer> </div> 输入如下文字:ul.generic-list>lorem10.item*4,按下tab,将生成这样的代码: <ul class="generic-list"> <li class="item">Lorem ipsum dolor sit amet, consectetur…

Continue Reading

Sublime text 2:程序员的编辑器,大家的编辑器

我使用过的编辑器主要有: Ultraedit, VIM, e-Texteditor, Sublime text 2. 基本上是从收费到免费,再到无限期试用. 由于我是个程序员, 编辑器除了用来编辑文本, 主要用来写JavaScript/PHP这样的脚步程序. 直到遇见了Sublime text 2以后, 它基本上满足了所有的要求. 我没用过textmate,不敢说Sublime一定比textmate好, 但是我想至少不会差, 而它不光能在Mac上跑, 也能在Windows和Linux上跑.

下面罗列一下Sublime跟我用过的其他编辑器的简单对比.
(more…)

Continue Reading

Zen Coding,快速输入html和css之道

整理Eclipse for php的时候,无意间看到了这工具,Zen Coding。真是快速编辑html和css的利器,有多厉害,看看这里的演示吧。访问不到的请移步土豆。 作者的主要想法是,通过把编辑器变成一个简单的脚步解释环境,来提高编码的效率。我想这也是VIM这种编辑器反而比一些的IDE效率更高的主要原因。不过Zen Coding的想法更新颖,代码更少。 例如我们要输入这样一段html代码, [code language="html"] <div id=”header”> <ul class=”navigation”> <li><a href=”"></a></li> <li><a href=”"></a></li> <li><a href=”"></a></li> <li><a href=”"></a></li> </ul> </div> [/code] 以zen coding的方式,就只需要输入“div#header>ul.navigation>li*4>a”,然后按快捷键展开就好了。 心动了,来体验一下zen coding的魅力吧。这个在线的Zen Coding编辑器,是通过js,把普通的html textarea变成了不错的IDE。如何让你网站上的textarea也支持这个功能?试试这个吧。…

Continue Reading

End of content

No more pages to load

Close Menu