sublime + emmet(Zen Coding)

原文链接: http://www.cnblogs.com/emyueguang/p/3322677.html

今天接触sublime这个编辑器,一下子就喜欢上它了,以前我一直使用NOTEPAD++,果断换上sublime玩玩,呵呵

编辑功能啥的没话,作为前端开发的话,和emmet(原名叫Zen Coding)一起使用,强大的一腿!
在网上看了很多的关于这两个东东的配置,这里记录一下我的配置过程,便于日后再要配置的时候有个参考

下载一个sublime,下载地址是
http://c758482.r82.cf2.rackcdn.com/Sublime%20Text%202.0.2%20Setup.exe
安装好之后,下载emmet安装包,下载地址: https://sublime.wbond.net/Package%20Control.sublime-package
 
将这个包放到Sublime Text 2\Installed Packages目录下面,重启动ST,CTRL+SHIFT+P打开命令行,输入install 回车,看到左下角是这样的状态
接着弹出一个这样的窗口
sublime + emmet(Zen Coding)_第1张图片
在里面输入emmet
会看到一个emmet开头的包名,点击它,然后就开始安装了。我是一次安装完成的,没有出现什么问题;所以也没有什么问题好描述的
 
新建立一个HTML文件,输入html:5,然后TAB或者CTRL+E,看看出现什么情况吧,呵呵,是不是帮你补写了很多代码呢。
这里有一篇文章写的关于emmet的用法,我觉得蛮好的,推荐一下:
http://bbs.html5cn.org/forum.php?mod=viewthread&tid=10963&extra=
 
附带解决一个小问题就是sublime不支持GBK中文显示的问题,下载一个扩展包放到Sublime Text 2\Packages目录下就OK了,这里提供一个下载地址: http://dl.lanbing.org/usr/uploads/2012/07/2768979992.zip,解压后直接放到packages中,重启一下ST即可。
 
由于是刚开始使用ST,很多少功能还不知道怎么用,这里有一篇文章可以作为参考
http://www.cnblogs.com/ruochenchen/archive/2013/01/03/2843285.html

转载于:https://www.cnblogs.com/emyueguang/p/3322677.html

你可能感兴趣的:(sublime + emmet(Zen Coding))