sass监听编译的方式
⑴ sublime怎么设置sass编译
使用了Sublime Text也有一段时日了，然后在现在而言，小觉的coding工具已经非其莫属了，接着小觉因为近期忙着项目的原因，同时还要抽空编辑博客的原因，就暂时把它放在一旁了，现在偶然想起也就说下关于让Sublime Text支持SASS开发的方法。
提示：没有安装Sass及SassBuild之前Sublime Text是不支持Sass开发的，即在下图之中是没有Sass选项的。
让Sublime Text支持SASS的开发 - Sass&SassBuild Packages
点击查看大图
以下内容操作前提：已安装好package control插件，前文已经提及，可通过搜索了解。
让Sublime Text支持SASS开发说白了其实只要在其上安装Sass及SassBuild这两个插件即可，下面为安装步骤：
1、通过ctrl+shift+p快捷键组合打开命令面板
2、在命令栏中输入"Sass"然后回车，然后在弹出的列表中选择Sass插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果
3、在命令栏中输入"SassBuild"然后回车，然后在弹出的列表中选择SassBuild插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果
让Sublime Text支持SASS的开发 - Sass&SassBuild Packages
因为之前安装了Sass插件，而且安装过的插件无法再次出现在安装列表之中，所以第二个步骤就不提供截图了，同时关于第一步操作的截图之前也给了很多了，相对简单也不提供了，最近小觉有点忙，不过只要不出意外，小觉会想小说作者们一样做到每天更新，而且是4更哦~
⑵ 如何安装并编译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
⑶ sass 用koala怎么编译
我最近也在学sass，之前用的是sublime test2，这个编译器有个好处就是转译成css的时候方便，但是终究还是和项目分离，也很麻烦。后来发现只要通过命令行一直监视整个目录或者文件就方便多了，只要保存，sass就会自动编译，下面是例子：
监视文件：
sass --watch test.scss:test.css
监视目录
sass --watch sass(sass目录):css（css目录）
满意的话希望采纳啦。。。。
⑷ 用compass编译sass,进入目录后执行compass watch 后然后书写scss文件却没有进行编译，这是怎么回事呢
您好，这样的：
Sass的安装:
1.安装：SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。
假定你已经安装好了Ruby，接着在命令行输入下面的命令：
gem install sass
然后，就可以使用了。
2：使用：
SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sassy CSS。SASS提供两种编译方式，一种是手动编译，一种是监视编译(–watch)，手动编译就是当你撰写好CSS时下指令去做编译，监视编译则是你指令一个目录，当此目录里面的*.scss档案有改变时（新增、覆写等等），就会自动去做编译的动作。先来讲手动编译方式：
下面的命令，可以在屏幕上显示.scss文件转化的css代码。（假设文件名为test。）
sass test.scss
如果要将显示结果保存成文件，后面再跟一个.css文件名。
sass test.scss test.css
SASS提供四个编译风格的选项：
* nested：嵌套缩进的css代码，它是默认值。
* expanded：没有缩进的、扩展的css代码。
* compact：简洁格式的css代码。
* compressed：压缩后的css代码。
生产环境当中，一般使用最后一个选项。
sass –style compressed test.sass test.css
还有一种监视的方式做编译，在命令行中切换到当前sass或者scss文件所在的目录，然后运行
sass –watch scss:css
SASS的官方网站，提供了一个在线转换器。你可以在那里，试运行下面的各种例子。
Compass的安装:
1.安装：安装ruby之后，输入命令
gem install compass
2.使用：创建一个 COMPASS 项目
在命令行中切换到你需要创建项目的目录，运行：
compass create "projectname"
这个命令会创建一个包含一系列文件的目录，其中最重要的是配置文件 config.rb，其他文件如果你不需要都可以删除。
在 config.rb 中你可以修改 SASS 和 CSS 的目录及其它一些基础设置。
实时编译 SASS 文件
COMPASS 提供的默认方法是：
在命令行下切换到项目目录，运行
compass watch
COMPASS 将会实时监控 SASS 目录的文件变化，只要你一保存文件，立即将相应文件编译为 CSS 文件。
⑸ windows10支持sass命令吗
一、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完全免费，而且作者很负责，有什么问题作者都会及时给予答复，意见什么的可以直接提交给作者，一般在下一个版本就能得到解决。
⑹ Sass ,Scss 简单教程
Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。 它允许你使用 变量 、 嵌套规则 、 mixins 、 导入 等众多功能， 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好， 同时也让你能够快速开始小型项目， 特别是在搭配 Compass 样式库 一同使用时。
第一步安装 Sass gem：
如果你使用的是 Windows， 就需要先 安装 Ruby 。
如果要在命令行中运行 Sass ,只要输入
你还可以命令 Sass 监视文件的改动并更新 CSS ：
如果你的目录里有很多 Sass 文件，你还可以命令 Sass 监视整个目录：
使用 sass --help 可以列出完整的帮助文档。
SASS提供四个 编译风格 的选项：
生产环境当中，一般使用最后一个选项。
SASS的官方网站，提供了一个 在线转换器 。可以进行练习。
SASS允许使用变量
SassScript 还支持所有其他 CSS 属性值类型， 例如 Unicode 范围和 !important 声明。 然而，它不会对这些类型做特殊处理。 它们只会被当做不带引号的字符串看待。
编译后
如果变量需要镶嵌在字符串之中，就必须需要写在#{}之中。
支持数字的标准运算（加 +、减 -、乘 *、除 /和取模 %）,数字也支持关系运算（<、>、<=、>=）， 等式运算（==、!=）被所有数据类型支持。
编译后
所有算数运算都支持颜色值， 并且是分段运算的。 也就是说，红、绿、蓝各颜色分量会单独进行运算。 例如：
编译后
编译后
编译后
Mixins允许您定义可以在整个样式表中重新使用的样式
编译后
编译后
编译后
完整的案例： https://github.com/xiedajian/jsGrocery/blob/master/Sass%2CScss-demo/index.scss
编译后： https://github.com/xiedajian/jsGrocery/blob/master/Sass%2CScss-demo/index.css
参考：
阮一峰老师的SASS用法指南
SASS官方参考手册
⑺ 为什么我的sass 不会自动编译成css
sass 不会自动编译成css
要么是没compass compile，要么是没watch 不过这两者都要保证路径正确
⑻ 微信小程序中使用sass
使用脚本监听某个目录文件变化，把sass文件内容编译成wxss后缀的文件。
--assets（存放静态资源目录）
----scss（存放scss源文件目录）
----wxss（存放编译后的wxss文件目录）
Chokidar
https://github.com/paulmillr/chokidar
node-sass
https://github.com/sass/node-sass
⑼ 如何安装并编译sass为css文件
Ruby安装
由于sass依赖于ruby环境，所以在安装sass之前必须安装ruby。可以去官网下载一个。网络环境不好的，可以用我提供的这个文件：点击下载
安装完成后可以在开始菜单找到ruby命令行，打开输入ruby -v查看版本号，出现版本信息则安装成功
clipboard.png-6.6kB
QQ截图20160917210342.png-1.6kB
Sass安装
安装完ruby后，可以直接在命令行里面输入gem install sass安装Sass，不过由于墙的厉害，建议使用淘宝的ruby源来安装，步骤如下：
gem sources --remove https://rubygems.org/
https://rubygems.org/ removed from sources
gem sources -a https://ruby.taobao.org/
https://ruby.taobao.org/ added to sources
这一步有可能会出错，windows下证书无法验证。
解决方法：下载证书（右键另存为即可），放到ruby安装目录下，然后再设置环境变量SSL_CERT_FILE为该文件路径，再重新输入该命令
QQ截图20160917211759.png-8.6kB
gem source -l
*** CURRENT SOURCES ***
https://ruby.taobao.org/
gem install sass
Fetching: sass-3.4.13.gem (100%)
Successfully installed sass-3.4.13
Parsing documentation for sass-3.4.13
Installing ri documentation for sass-3.4.13
Done installing documentation for sass after 12 seconds
1 gem installed
//如果你在安装时出现如下提示，则表明网络不佳或源没有切换到 ruby.taobao.org
ERROR: Could not find a valid gem 'sass' (>= 0), here is why:
Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (
https://api.rubygems.org/latest_specs.4.8.gz)
sass -v
Sass 3.4.13 (Selective Steve)
到此，所有的安装都结束了。接下来我们就可以直接编译sass文件了
Sass编译
打开ruby命令行，切换到scss文件所在目录，执行sass style.scss style.css,就可以将style.scss文件编译成style.css文件