‘壹’ 如何安装Sass
ruby安装
因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby
在安装的时候，请勾选Add Ruby executables to your
PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境
sass安装
如果你喜欢偷懒，或者你公司网络限制比较多，请直接看最后一段
安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with Ruby
然后直接在命令行中输入
gem install sass
按回车键确认，等待一段时间就会提示你sass安装成功。
如果要安装beta版本的，可以在命令行中输入
gem install sass --pre
你还可以从sass的Git repository来安装，git的命令行为
git clone git://github.com/nex3/sass.git cd sass rake install
如果上述的办法你尝试失败了，那说明要么被你的网络墙了这个，要么你的网络信号不好。你可以尝试本地安装，不过有点复杂。这里暴漏个惊天秘密，那就是koala这个编译工具已经内置了sass，所以如果你安装了koala，就根本不需要安装sass，注意ruby还是得安装。关于koala请参阅编译工具。
‘贰’ 如何安装并编译sass为css文件
1、koala软件编译
2、sass命令：依靠环境。
自动编译命令：（编译单个文件/编译整个文件夹）
编译单个文件
sass文件目录 sass --watch scss文件的路径:css文件的路径 --style expanded
编译整个文件夹
sass文件目录 sass --watch scss文件夹/. : css文件夹/. --style expanded
3、gulp编译
4、hbulid编译
①工具--预编译设置
②新建一个预编译配置 .scss
③输入触发命令的地址：ruby里面的sass.bat地址
④命令参数：%FileName% ../css/%FileBaseName%.css
‘叁’ 如何一步步实现Web前端开发职业目标
说说自己的经历吧！
先学HTML，然后是CSS，初学者建议看这方面的视频，入门后，去W3C上面看基础。其实HTML+CSS很简单，入门时间：15天。（每天4小时）
上面的基础打好了，你自然对编程有一点点的信心了，但上面所学的，不能算编程，因为太简单了。简单，但应用面很小，可以做一些静态网站。
然后是javascript，想精通javascript几乎不可能，因为他是核心。入门时间，大约30天。先视频，后去W3C看基础。javascript的基础牢固了，你可以开发95%以上的页面了。当然，这些页面，只是在本地运行得很好，以后你深入，你就会发觉，很多糟糕的地方了。
不过，你入门javascript之后，你可以算是一个程序员了。
然后是jquery，jquery是专业于DOM操作的。你现在不懂DOM，是你没接触javascript，你接触就明白了。jquery帮你解决了很多的游览器兼容问题，让DOM操作简单很多。jquery其实很简单，有了javascript基础，入门不用一个星期。
学完jquery，你可以尝试挑战新的技术了，例如ES5、ES6、ES7，ES5其实你不用挑战，你现在学的javascript用的就是ES5和ES5之前的ES，不过你要粗略看看，因为有很多很多的基础。再然后是ES6、ES7，这两个比较难，你用心的看就行，对以后很有帮助。学习这些，至少要30天，甚至更多。
当你了解ES5、ES6、ES7，你就可以学HTML5、CSS3了，当然HTML5和CSS3可以在学习ES之前学，但是我强烈建议没有天分的人不要去接触HTML5的canvas，超难的。HTML5想精通很难，但是必须学，至少要会用。CSS3的道理和HTML5差不多，至少要会用。CSS3和HTML5入门，大概20天。
当你学完这些，你接下来，学习移动端开发，里面涉及很多内容，但不难。
然后是，bootstrap，在学bootstrap的时候，你应该会接触less和sass，顺便把它们学了，有了上面的基础，bootstrap太简单了。
再然后是，vueJS，全新的编程风格，对ES6依赖很高。但是vueJS不难，前提你有ES6基础。
然后看你的情况了，有了上面的基础，你可以去面试工作了。
工作之后，你可以继续学习，reactJS，angularJS，nodeJS，关于图形的JS.....其实你学完前面的，你自己就有心得了，没必要100%和别人一样，在工作中够用就好了。按自己所需，我所说的仅供参考。
最后，我想提醒，你应该关注一下前端的变化，特别是那些库，变化得很大，以前JQ的UI很流行的，现在越来越不流行了，互联网变化很大，现在热门的，以后不一定热门。下面的链接，仅供参考，对你以后有帮助网页链接
‘肆’ 怎么使用Less/Sass编译工具koala
一、SASS调试插件的方法 如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。 如果光做好SASS的准备工作还不够
‘伍’ less文件编译自动会转出一个css吗
是的，如果已经指定了编译后文件的位置所在，如果没有css文件，编译后会自动生成一个css文件在该位置，不管是用less.js还是比如koala之类的编译工具都是这样的。
‘陆’ sass 用koala怎么编译
我最近也在学sass，之前用的是sublime test2，这个编译器有个好处就是转译成css的时候方便，但是终究还是和项目分离，也很麻烦。后来发现只要通过命令行一直监视整个目录或者文件就方便多了，只要保存，sass就会自动编译，下面是例子：
监视文件：
sass --watch test.scss:test.css
监视目录
sass --watch sass(sass目录):css（css目录）
满意的话希望采纳啦。。。。
‘柒’ 用 Koala 编译 SASS 总是提示错误
文件夹的名称不要有中文吧~~
‘捌’ 如何安装使用Koala
使用方法
koala编译工具 v2.0.4绿色版
第一步：把目录拖进窗口，或者点击左上角加号图标，选择需要编译的目录。添加后，右键目录元素支持更多操作。
第二步：在编辑器中编写代码。
第三步：完成!文件保存后，koala会在后台进行编译。
如何在Koala中开启调试信息参数：
点击文件元素，在右侧展开的面板中勾选debug info选项。
‘玖’ 怎么使用Less/Sass编译工具koala
一、SASS调试插件的方法
如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。
如果光做好SASS的准备工作还不够，还需要让浏览器支持SASS。那么就需要一个浏览器的插件才能让浏览器识别SASS，从而方便开发人员进行开发。
如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。(如图1-1)
图1-1
如果你的css文件中没有以@media -sass-debug-info开头的代码，说明没有输出debug信息。请重新使用koala工具编译你的scss文件，并确定已经勾选了debug信息这个选项。
在火狐中调试，只需要再下载FireSass→即可。
二、编译工具koala的安装
1、进入页面
2、根据系统下载所需要的koala的版本
3、然后在下载文件夹中安装下载的EXE文件，即可安装成功
三、编译工具koala的优点
1、多语言支持：支持Less、Sass、CoffeeScript 和 Compass Framework。
2、实时编译：监听文件，当文件改变时自动执行编译，这一切都在后台运行，无需人工操作。
3、编译选项：既可统一设置文件的编译选项，也可单独设置某个文件的编译选项。
4、强大的文件右键功能：右键文件元素，即可操作打开文件，打开文件目录，打开输出文件目录，设置输出文件目录，编译，删除六大常用功能。
5、错误提示：在编译时如果遇到语法的错误，koala将在右下角弹出错误信息，方便开发者定位代码错误位置。
6、跨平台：windows、linux、mac都能完美运行。
7、免费且负责：koala完全免费，而且作者很负责，有什么问题作者都会及时给予答复，意见什么的可以直接提交给作者，一般在下一个版本就能得到解决。
‘拾’ 为什么带参数的less用koala编译成css不成功
你是不是在选择器里面引用的啊，less网站上的例子没有放在具体的选择器里面，例如这样子：body {
.box-shadow(2px, 5px);
}