- 12
- May
很久没写Web开发相关的文章了，这段时间确实鲜有关注Web开发了。不过前段时间流行的“Zencoding”我还是知道点的。
因为Zencoding确实很“Zen”，也激起了我想进一步学习好Vim的欲望。
于是稍微学习了点VimScrirpt，也搞了个简单的Django版Zencoding。
注：本文实际上是为了测试HTML 5的Video标签，在Firefox及其他浏览器下可能无法播放（因为视频编码的原因）。
如果你看不了视频，请右键另存为来看。Chrome 5.0测试通过。
看完了视频，你觉得怎么样呢？
我只是实现了最基本的一部分，还有很多问题，等完善以后会放出来给大家一起用。
从此以后，我这个懒人开发Django，又可以少打很多字了！
PS：进入Vim第三境界以后，我才真正感觉到Vim的强大！
第三境界赛高
好想知道你这个视频是怎么贴上来的？
在<video>标签中直接插入视频地址！<video src="http://imtx.cn/static/videos/vim-script-for-django.m4v" controls="controls">
your browser does not support the video tag
</video>
这种快捷键的操作方法太Emacs了，在VIM下好不自然
这个不就是TextMate的Bundles么，InType和E早就有了啊。
不过在Linux下面还真没几个可以这样的
可以写个snipMate的snippet应该就行了吧？ http://www.vim.org/scripts/script.php?script_id=2540
django1.2要出现了...好东西
能否共享下脚本？？ 之前还在研究Vim加入一些自动补全的功能，你就弄好了，速度真快。
我喜欢这个视频，下载方便多了。HTML 5，好！
啊，还有Safari 4 的检查元素功能，确实是比Flash性能更高更方便啊
哇好强大和plugin的xptemplate好像，那个太复杂，也想学学按照自己的习惯编写个。
支持下。
报告TX主席，iPad正常观看视频，哈哈
chromium 6 看不到视频...只有下面的播放条
似乎你目前只實現了 snippet，提供類似 TextMate 的功能
類似的 vim 插件我用過 3 個，現在用的就是上面 harryxu 提到的 snipMate，自己寫了個 django 的 snippets
ZenCoding 的精髓是用 css selector 的語法：
比如
div#wrapper>div#content+div#side-bar
會擴展成
<div id="wrapper">
<div id="content"></div>
<div id="side-bar"></div>
</div>
更強的是支持乘法
div#wrapper>ul#nav>li#menu-item-$*3
擴展成
<div id="wrapper">
<ul id="nav">
<li id="menu-item-1"></li>
<li id="menu-item-2"></li>
<li id="menu-item-3"></li>
</ul>
</div>
我用過兩個這樣的 Vim 插件
sparkup http://github.com/rstacruz/sparkup
和
ZenCoding.vim http://www.vim.org/scripts/script.php?script_id=2981
前者多了個比較方便的 <
而後者功能更接近官方 ZenCoding，還增強 img 等
因為 <，我正在用前者
我本来还想说我的Safari 4怎么会看不了HTML 5的视频，尤其是看到回复里面提到视频的格式是m4v就更疑惑了
后来才发现那个暂停按钮时可以点击的，被Flash培养出来的习惯啊，太丢人了。。。。。。
哇 酷毙了。
最不喜欢打花括弧了