SASS + COMPASS + Prepros

1.Ruby

sass是需要ruby语言支持的，所以先安装ruby.

2.SASS:是CSS语言的扩展，可以使用变量，嵌套规则，mixins(类似宏，使代码重用), @import(引用其他scss文件))。与CSS语言完全兼容，使得大型的CSS文件，可以有组织。因为，可以分开多个sass文件，编译后可以在一个css文件内，html文件可以只连接这个CSS文件，programmer可以动态管理sass文件。

sass Documentation

sass安装,

 

gem install sass

sass 版本信息

sass -v

3.Compass 是一个css的框架，使sass 样式语言更加简便和高效，

Compass Documentation

安装compass

gem install compass

compass 版本信息

 

compass -v

 

4.Prepros 是一个网页设计和开发的工具，做预处理，和最优化，测试网页，使得你的工作流在你的控制之中。

*编译一切：预编译LESS,Sass,SCSS,Stylus,Jade,Slim,Coffeescript,LiveScript,Haml,Markdown.

---------把路径拖到prepros里面，当你的路径中的SCSS文件发生变化时，相应的css文件也自动更新（cool!）,你可以选择编译出压缩的CSS。

*JS 连接：当文件修改后，最小化和实时连接你的js。

*图片最优化：最优化png，jpg,提高网页加载速度

*1-Click FTP 发布：完全控制你即将发布的内容

*远程设备的检测：像Weinre一样，检测任何连接到你的ＬＡＮ的远程的手机或平板利用chrome。

*可共享配置文件：通过prepros.json文件，共享项目和文件的设置，在不同的用户，团队成员，或电脑之间。

**多设备测试:可以测试任何连接到你的LAN的客户服务器和设备，实时刷新。

*即时浏览器刷新：在有css注入时即时刷新浏览器，也刷新PHP,HTML&CSS文件

*内置http 服务器：1-click HTTP server 去测试网页，没有任何限制和file url.

 

5.Bracket是一个代码编辑器，针对于网页的开发。(for X OS)有个更令人喜爱的espresso