width="150" height="210" frameborder="0" scrolling="no" src="http://widget.weibo.com/relationship/bulkfollow.php?language=zh_cn&uids=2080045857&wide=1&color=FFFFFF,FFFFFF,0082CB,666666&showtitle=0&showinfo=1&sense=0&verified=1&count=1&refer=http%3A%2F%2Fwww.himigame.com%2Fandroid-game%2F1521.html&dpc=1" style="font-size: 14px; font-weight: bold; border-width: 0px; margin: 0px; padding: 0px; font-family: arial, helvetica, clean, sans-serif; line-height: 16px;">
Why html
最近说好的要学做移动App,想来想去,还是先从基础搞起,先把失散多年的html捡捡。虽然我会原生语言,不过用惯了跨平台的东西:
想来想去,既然是应用,效率应该还成,html应该够用了。跨得一手好平台。作为vim党,我找到了个插件,看着还不错。
what's Emmet
Emmet是vi的一个插件,它可以让我等更方便的编辑html。你能在 这里 找到它的最新信息。
安装
下载项目解压缩。找到文件中的plugin
和autoload
将它复制到
~/.vim/.
重启终端就成了。
测试
创建一个文件,用vi打开,输入:
html:5
注意要将光标至于最后的位置,我觉得它的原理是,检测从行首到光标位置的表达式,因此如果你光标在其他位置,表达式就不完整了。
接下来就是见证奇迹的时刻,在输入模式下,按下ctrl+y
然后按下","。就会自动生成如下代码:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
_
</body>
</html>
看起来好酸爽。
More
当然它还有更多的用法。自动生成格式文本、图片啥的,你可以参考 官方的文档 英文比较简单,我就不人肉翻译了 ; )