给Sublime text2安装Zen Coding插件

最新推荐文章于 2019-07-22 08:50:58 发布

阿桑-

最新推荐文章于 2019-07-22 08:50:58 发布

阅读量1.5k

点赞数

文章标签：前端压缩 sublimetext Zen Coding

转载自：http://m.blog.csdn.net/blog/u013867072/38714069

原文内容：//-------------------------------------------------------------------------------------

今天，刚安装完Sublime Text 2，想趁热打铁将其里面一个较出名的插件Zen Coding也安装上。

安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。

也可以安装package control组件，然后直接在线安装：

按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）
粘贴以下代码到底部命令行并回车： import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
如果是sublime text3 要换成下面的代码：import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
重启Sublime Text 2。
如果在Perferences->package settings中看到package control这一项，则安装成功。

如果这种方法不能安装成功，可以到这里下载文件手动安装。

4、安装Zen Coding(Emmet)

　　安装好Package Control之后，通过快捷键[ctrl+shift+p]调出command palette，然后输入install，找到Install Packages，调出Package Control，然后找到zen coding。

　　回车发现什么都没有.

原因是Zen Coding已经更改名称，已经更改为Emmet，所以在引出Install Packages上输入：Emmet，回车就可以了。

插件的使用方法：快捷键 Ctrl+e

比如 html输入完后，按下Ctrl+e，内容变为 <html> </html>，也就是说插件帮助开发者自动匹配两个标签，其他的用法还有很多，具体的参考百度（如：http://stylechen.com/zen-coding.html）

关注