① 如何安装并编译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
② 问一件事,软件开发的同行,有人知道Koala的吗可否给些关于它的知识...
Koala是为企业应用而开发的,只要是面向IT企业和开发人员的,应用Koala最大的好处就是降低软件开发成本,大大提高了工作人员的工作效率,对于开发者而言,最大的好处是可以以此为基础添加自己的内容,形成一个完整的企业应用,不知道回答满意有否。
③ 为什么带参数的less用koala编译成css不成功
你是不是在选择器里面引用的啊,less网站上的例子没有放在具体的选择器里面,例如这样子:body{.box-shadow(2px,5px);}
④ 如何安装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 用koala怎么编译
我最近也在学sass,之前用的是sublime test2,这个编译器有个好处就是转译成css的时候方便,但是终究还是和项目分离,也很麻烦。后来发现只要通过命令行一直监视整个目录或者文件就方便多了,只要保存,sass就会自动编译,下面是例子:
监视文件:
sass --watch test.scss:test.css
监视目录
sass --watch sass(sass目录):css(css目录)
满意的话希望采纳啦。。。。
⑥ eclipse koala less怎么编译css
一、SASS调试插件的方法 如需调试功能,请在编译输出的时候输出debug信息,那样解析的css文件中就会包含debug信息,然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件,而不是解析后的css文件。 如果光做好SASS的准备工作还不够
⑦ 让less本地生成css应该怎么做
你好,本地编译less,这个需要借助一些工具:
如果你熟悉Node.js,你可以写一个Node脚本来编译,这个教程网络很多的
如果不熟悉,可以下载客户端软件来编译,比较流行的编译软件有:
winless,mac下叫Less
koala,有各个系统支持版本
这些软件都可以直接在网络搜索下载,完全免费,而且使用简单
如果觉得都不适合,可以自己网络搜索“less 编译软件”,发现其他结果
希望能帮到你,望采纳~~
⑧ 怎么使用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完全免费,而且作者很负责,有什么问题作者都会及时给予答复,意见什么的可以直接提交给作者,一般在下一个版本就能得到解决。
⑨ 如何安装使用Koala
koala:http://www.ddooo.com/softdown/80531.htm
使用方法
第一步:把目录拖进窗口,或者点击左上角加号图标,选择需要编译的目录。添加后,右键目录元素支持更多操作。
第二步:在编辑器中编写代码。
第三步:完成!文件保存后,koala会在后台进行编译。
如何在Koala中开启调试信息参数:
点击文件元素,在右侧展开的面板中勾选debug
info选项。
⑩ 如何安装使用Koala
使用方法
koala编译工具 v2.0.4绿色版
第一步:把目录拖进窗口,或者点击左上角加号图标,选择需要编译的目录。添加后,右键目录元素支持更多操作。
第二步:在编辑器中编写代码。
第三步:完成!文件保存后,koala会在后台进行编译。
如何在Koala中开启调试信息参数:
点击文件元素,在右侧展开的面板中勾选debug info选项。