手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表Tag:zencoding

Sublime Text 2 简介

之前在vrphperz群里咨询苹果下哪个编辑器稍微好一点。一群装B犯说textmate之类的,还有人说VIM,这些都直接无了。后来有人说了sublimetext2,于是下载了看看。发现是要钱的,但不是付钱也可以使用。于是心安理得的先用了起来。实在是买不起,好贵,比PD都贵上两三倍。。。(过两天介绍一下我用的parallels desktop)
使用sublimetext2的过程中,发现他的响应速度也很快,右边也有一种类似于整页编码缩略图的概念,配色也相对比较容易适应,于是就开始使用了。
经验不足,纯粹是当成editplus之类的工具在用的。于是看到这篇文章的时候,复制了一下(其实我对zencoding不太感兴趣,虽然好象现在很多编辑器都内置 了,比如我用的phpstorm也内置了支持。。。)我对文章最后的三个链接比较感兴趣
原文来自:http://shawphy.com/2011/09/sublime-text-2.html
最近试用了一款新的编辑器 Sublime Text 2,跨平台,据说他是仿TextMate的,没用过TextMate,不知道后者有多厉害。然而 Sublime Text 2 我一用就爱上他了。
大小: 147.04 K
尺寸: 483 x 376
浏览: 1890 次
点击打开新窗口浏览全图
一开始是由于他的迷你地图模式而吸引我的注意力的,这个迷你地图可以概览整个文件。实现快速跳转。这个是个亮点,在其他编辑器中都没有见过此类功能。然而 试用了之后我很快发现,迷你地图功能可能未必好用,但真正让我觉得舒服的是,他的zencoding支持的非常完美,直接有实时预览功能。

此外他的窗口分组、项目管理、扩展工具、代码折叠方面都非常不错。他还直接支持vim模式呢!
我之前在微博上推荐 Sublime Text 2 后,引来好多vimer的鄙视。说比vim差多了。我也无意参与这类争论。一个是现代兵器,一个是上古神器。自己用的爽就行了,何必与人争呢。

总之这个编辑器非常适合我这样喜欢vim的快捷键,又不喜欢vim复杂的配置的人。轻松上手功能强大。

如果你也心动了,可以点下面的地址来下载最新的开发版。Sublime Text 2是收费软件,但目前可以无限期试用。

http://www.sublimetext.com/dev

另外建议依次拜读 Lucifr 的三篇博客
Sublime Text 2 入门及技巧
ZenCoding in Sublime Text 2
Sublime Text 2 实用快捷键[Mac OS X]

--------------
如果你仅仅当成editplus之类的小工具用,那就无所谓了。如果你想当成一些高级编辑器,那就好好学习吧

Tags: sublimetext, zencoding, phpstorm

zen coding for editplus

前段时间我推荐了zen coding,并为此用上了notepad++,感觉在作网页的时候还行。而且,我的同事用dreamweaver的,也用上了它,感觉同样很爽。比如他输入:

XML/HTML代码
  1. div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer 
生成如下页面:
XML/HTML代码
  1. <div id="page">  
  2.     <div id="header">  
  3.         <ul id="nav">  
  4.             <li><a href=""></a></li>  
  5.             <li><a href=""></a></li>  
  6.             <li><a href=""></a></li>  
  7.             <li><a href=""></a></li>  
  8.         </ul>  
  9.     </div>  
  10.     <div id="page">  
  11.         <h1><span></span></h1>  
  12.         <p></p>  
  13.         <p></p>  
  14.     </div>  
  15.     <div id="footer"></div>  
  16. </div>  
早上推荐给小茗时,他说,Zen coding有for editplus的了。欣欣下载下来。运行后却发现,生成后的代码与官方不一样,看来还是有待改进啊,zen coding for editplus生成的代码是:
XML/HTML代码
  1.   <div id="page"></div>  
  2. <div id="header">  
  3.     <ul id="nav">  
  4.         <li>  
  5.             <a href=""></a><div id="page"></div>  
  6.             <h1>  
  7.                 <span></span><p></p>  
  8.                 <p></p>  
  9.                 <div id="footer"></div>  
  10.             </h1>  
  11.         </li>  
  12.         <li>  
  13.             <a href=""></a><div id="page"></div>  
  14.             <h1>  
  15.                 <span></span><p></p>  
  16.                 <p></p>  
  17.                 <div id="footer"></div>  
  18.             </h1>  
  19.         </li>  
  20.         <li>  
  21.             <a href=""></a><div id="page"></div>  
  22.             <h1>  
  23.                 <span></span><p></p>  
  24.                 <p></p>  
  25.                 <div id="footer"></div>  
  26.             </h1>  
  27.         </li>  
  28.         <li>  
  29.             <a href=""></a><div id="page"></div>  
  30.             <h1>  
  31.                 <span></span><p></p>  
  32.                 <p></p>  
  33.                 <div id="footer"></div>  
  34.             </h1>  
  35.         </li>  
  36.     </ul>  
  37. </div>  
这个与标准的偏 差实在是太大了。。。不过。在简单的情况下,还是可以使用的。将就着喽。总比没有的好。

下载地址为:http://www.vfresh.org/w3c/914

Tags: zencoding, editplus, notepad++