sass/scss在Hbuilder中的环境配置
来源:互联网 发布:linux mysql 安装包 编辑:程序博客网 时间:2024/05/21 00:20
sass/scss依赖ruby环境,请先安装ruby,官网下载地址http://rubyinstaller.org/downloads。
ruby安装步骤:
1.选择语言,英文和日语
2.同意授权
3.安装两个文件
安装完成之后,找到如下文件,
然后再命令行中直接输入:
按回车,等待一段时间会提示安装完成,如下图:
如果安装错误的话,请参考:http://www.w3cplus.com/sassguide/install.html;
这个时候我们的sass已经安装完成,接下来就是怎么在Hbuilder中配置sass的运行环境;
在工具->预编译器设置,如果没有.sass,.scss可以新建一个,
点击编辑:
注意:1处的标记为ruby下面的安装位置,如果使用sass选择sass.bat。使用scss的话选择scss.bat,否则会报错。2 高亮显示命令 –no-cache %FileName% ../css/%FileBaseName%.css –style compact
运行会在该文件同层目录中生成.css文件
4 0
- sass/scss在Hbuilder中的环境配置
- sass环境搭建以及webstorm中的scss配置
- 在vue项目中使用Sass/Scss(视窗环境)
- SASS(SCSS)学习及其在ionic中的应用
- webstrom scss(sass)配置
- SASS学习系列之(一)--------- SASS,SCSS环境搭建(Ruby)
- HBuilder中sass预编译配置
- HBuilder中sass预编译配置
- 在webstorm中配置sass环境
- Sass在win7环境中的安装
- SASS学习系列之(二)--------- SASS,SCSS环境搭建(node-sass)
- webstrom配置scss编译环境
- SASS(SCSS)开发环境搭建(webstorm做编辑器)
- Sass/SCSS(关系,安装,webstorm配置编译,使用,语法)
- SASS、SCSS介绍
- Sass跟Scss 上手
- sass 和 scss
- sass/scss学习笔记
- 归并排序
- python 里面的单下划线与双下划线的区别
- OC封装的轮播图->只用调用即可
- eclipse项目转Androidstudio项目过程中遇到的一系列问题及解决办法
- android开发中的兼容适配问题
- sass/scss在Hbuilder中的环境配置
- Cocoa中的位与位运算
- redis入门
- poj 2488 A Knight's Journey
- hashMap 与 TreeMap 的区别
- Hibernate基本特性和高级特性
- 弱校联盟#con3--Ancient Tomb Adventures
- ESP8266--学习笔记(十一)任务
- Bootstrap导航栏实例讲解