hbuild怎么引用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 文件。
SCSS 有那些优势，是否可以全面取代CSS
怎么可能取代css，这些甜甜圈的最终都是解析还原成css的。
举个简单例子，比如我用php或js做了个css语法糖，里面你可以这样写：
#test1 to 3{fn:12px;}
你把文件保存为*.ecss，然后我写的程序遇到ecss后缀文件就会去处理成：
#test1{font-size:12px;}
#test2{font-size:12px;}
#test3{font-size:12px;}
最终把上面3行标准的css语法返回给浏览器。
优势也没多大，就是写的时候能省些事，用这些玩意坏处也多，首先是你网站比直接用css多一个解析还原的过程，不管你把这个放在后台还是前台完成都会多耗费点时间。第二，一个语法糖的学习成本是存在的，如果不是有专门规范的团队集团使用的话，比如你不会，你去接手一个别个用这个玩意写的项目，维护就很不方便，同理你会，你写的项目别人再接手也很烦的。
另外据老外的文章说w3c也在参考这些语法糖的优势，下一个版本的css原生的会自带很多类似的功能。
怎么让ruby自动生成scss文件
编译sass文件 在命令行下进入到sass文件所在目录,运行>compass compile 也可以指定要编译的文件>compass compile fileName.scss#sass文件夹下会有个config文件指定编译后的css存放位置.
webstorm 怎么添加scss
1、下载ruby最新版2.1.5，安全起见可以安装ruby 1.9.3-p551
ruby安装文件自己百度一下，容易找到。
2、安装过程中，一定注意勾选第二项！否则cmd命令会找不到。
3、安装完后，检查是否安装成功
Win+r快捷键启动cmd命令窗口，输入ruby -v，注意中间空格，显示版本号说明成功。
4、借助ruby安装sass，dos命令窗口输入“gem install sass”
该命令一定要在system32文件下cmd.exe执行，默认安装目录在C:\Windows\System32\cmd.exe文件
5、安装过程中，耐心等待，直到提示安装进度100%。
同样通过“sass -v”命令(中间有空格)检查安装结果，显示当前版本号。
6、接着需要配置webstorm下sass编译环境。
打开webstorm创建空项目，点击“File”菜单选择“Setting”，搜索“watcher”关键字，
7、点击右边绿色加号，选择“SCSS”文件类型。
8、输入监视文件类型名称(随便写)，关键第二个选项，一定要选择ruby安装目录bin文件下的scss.bat文件
9、最后，创建.scss文件输入scss css代码，保存后会生成后缀.css文件，说明环境编译没问题。
webstorm怎么编译scss
Arguments:
可以配置编译后的文件的输出路径,我这里写的是:
–no-cache –update –sourcemap –watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
注意, $FileName$后面有个冒号,然后$FileParentDir$表示的是scss文件所在的文件夹的父级文件夹,而不是scss文件的父文件夹.
举个栗子,我的项目叫sass-learn,里面有个scss文件夹,里面存放scss文件,那么按照这样配置的结果,style.scss所在的文件夹就是scss,scss的父文件夹就是sass-learn,然后找到sass-learn下的css文件夹,编译后的style.css文件就会在这里.
编译 sass,scss 文件,webstorm怎么配置
myisam_recover = 64K#允许的GROUP_CONCAT()函数结果的最大长度 transaction_isolation = REPEATABLE-READ innodb_file_per_table #innodb_status_file = 1
Eclipse中哪个文本编辑器可以打开scss
无法打开的,这个类型的文件不是eclipse可编译文件.必须下载scss可视化工具才可以:http://koala-app.com/index-zh.html
vue-cli怎么引入.scss文件
1 一般在vue中，有很多vue组件，这些组件每个都是一个文件。都可能需要引用到相同模块(或者插件)。我们不想每个文件都import 一次模块。
如果是基于vue.js编写的插件我们可以用 Vue.use(…)
2 但是如果想添加一个全局命令，同时又让每个vue的文件都能用到怎么办？
第一步：最好建立一个全局的命令文件例如：directive/directive.js
第二步：利用Vue.directive()建立一个全局命令，并将它暴露出来，例如一个focus 让表单自动聚焦
第三部步：在main.js（入口JS文件）中将它引入，可以省略文件后缀
这样任何一个Vue文件只要这样v-focus(命令名)，就可以很方便的用到了
移动开发9,scss编译成css,如何去除
如:在D盘建立一个SASS文件夹,文件夹下有一个style.scss文件(scss,sass都行.sass文件对代码的排版有着非常严格的要求,而且没有大括号,没有分号.scss对代码的要求没那么高.)用下面的方法可以将sass或者scss转换为css文件.首先输出 D: 代表找到D盘 ;然后输出cd sass 代表找到sass文件夹,其中cd是一定要的;最后输出 sass>sass –watch style.scss:style.css 在sass文件夹下将style.scss转换为style.css .sass –watch代表一直监听着style.scss 只要在编辑器上更新了scss就会自动更新style.css .
vscode 如何读取scss文件同步成css文件,需要下哪种插件
vscode 只是编辑器,不具备这种读取并编译的功能(可以使用在nodeJS使用的sass插件实现),不过vscode 可以把正在编辑的scss文件在保存的时候编译成css.在找到插件之前你可能需要:建议还是看看sass或者scss的官方文档,到底什么能编译出来(已收货14踩!).