8.8 Emmet Livestyle

发表于 更新于 分类于

最近找工作真是肝肠寸断，之前面试别人没什么感觉，现在换自己却是五味杂陈。果然是出来混总是会要还的。 lol

前几天看到了 Emmet Livestyle 这个CSS神器，一直没时间试着用，今天遇到了，安装过程中遇到不少麻烦，最终好歹算是搞定了。

这是 Sublime Text 的一个插件，主页: http://livestyle.emmet.io 具体有多神..人主页写的很清楚，简单来说就是可以直接编辑CSS文件，实时查看效果。当然不是直接改源文件，而是关联一个本地文件，方便保存和修改之用。

当然首先得有sublime text,然后安装 package control 包，网上有很多相关教程，在此不表。 通过package control找到并安装 livestlye 插件，安装完后重启 sublime.

接着是对应的Chrome 插件（地址），这时候遇到麻烦，安装按钮灰色不可用，而且提示说不能在本机器上安装.. 一开始还以为是不能用在 Mac 上，后来才发现需要装开发者版本的 Chrome Canary(地址）。

折腾安装完插件之后，找了我存在本地的主页代码，打开 Developer Tools中的 LiveStyle 栏,却发现没法关联到 Sublime 的文件…

黑线 =–= ，看来不能编辑本地的，只能改在线的站点。

工作示意图：

Livestyle