Dash with Alfred

平时写代码总是会遇到查询相关文档、手册的时候,这时一个个去打开网站略显繁琐,直到我发现了Dash这个工具。

Dash支持市面上几乎所有的主流编程语言的文档本地化,其使用界面大致如下:


这个工具最妙的地方在于,可以跟 Alfred 这个神器结合起来使用,方法如下:

1. 打开Alfred的设置面板;
2. 选择Features->Web Search;
3. 点击右下角的Add Custome Search按钮;
4. Search URL处填入 dash://{query} ,Title随便填,Keyword填写dash,你也可以直接在Search URL处填写如下代码后确定直接导入我的配置

5. 使用的时候,首先激活alfred搜索窗口,然后输入 dash+空格+你的dash查询命令即可

dash的查询命令可以在其设置面板中的docsets面板中进行设置,如果你要搜css文档下的position属性,那么dash中的查询命令是css:position,如果放在Alfred中的命令就是dash css:position。

Hava fun!

compass with sass

前段时间将项目里面的css文件全部转换为使用sass(.scss)来管理,迁移工作十分顺滑。其中主要就归功于compass的功劳。

compass是一套基于ruby的,自动化编译sass文件为css文件的工具,使用相对简单:

1. 安装ruby环境(如果你是Mac用户,那么可以忽略此条,windows用户可以参考官方安装文档);
2. 安装sass(同第一条,如果你使用Mac环境,系统就已经内置了sass引擎,如果是其他系统单独安装,请参考官方安装文档);
3. 安装compass,打开终端,运行如下命令

4. 在终端中,将操作路径切换至项目所在目录,运行如下命令创建初始化项目

如果你想在一个已有的项目中启用compass,只需要切换到项目目录,运行

5. 此时终端中会返回一大串的文字,也就是帮助文档了,项目里面会有一个最基本的目录结构,默认情况下,会把sass目录中的.sass/.scss文件编译后以.css文件的方式存放到stylesheets目录下,通过config.rb来修改默认配置。
6. 使用的时候,在终端输入compass compile,会进行一次编译,输入compass watch,会监听sass目录下文件的变化情况,只要文件保存就会编译一次。

Have fun!

PS:有一个很坑爹的问题在于,使用gem的时候,由于源服务器被墙,下载失败的话,请挂全局代理后安装相关软件。