SASS的安装和转换为CSS的方法
2017-07-04 21:58
369 查看
1、先安装Ruby,下载地址:http://download.csdn.net/detail/hzf2257/3334439。安装注意事项如下图,装在C盘会比较好,装其它盘也可以。
2、打开Ruby的命令符面板,输入: gem install haml 和 gem install sass
SASS文件转换为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 。
谢谢作者分享 http://www.cnblogs.com/52css/archive/2012/08/19/sass-how-to-install-and-use.html
2、打开Ruby的命令符面板,输入: gem install haml 和 gem install sass
SASS文件转换为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 。
谢谢作者分享 http://www.cnblogs.com/52css/archive/2012/08/19/sass-how-to-install-and-use.html
相关文章推荐
- SASS的安装和转换为CSS的方法及使用方法
- SASS的安装和转换为CSS的方法
- SASS的安装和转换为CSS的方法
- SASS的安装和转换为CSS的方法
- 解决node-sass偶尔安装失败的方法
- vs2010安装“LNK1123: 转换到 COFF 期间失败: 文件无效或损坏”解决方法
- EFI主板和GPT分区表安装系统以及转换GPT分区表的方法
- 安装sass失败,解决方法
- 使用Vue.js加sass时遇到 Invalid CSS after ".xxx{": expected "}", was "{" 错误的解决方法
- VS2010安装完后 ”error:LNK1123: 转换到 COFF 期间失败: 文件无效或损坏“解决方法
- 详解CSS的Sass框架中代码注释的编写方法
- 在Ubuntu上安装rpm文件方法(rpm转换成deb)
- destoon3.0 后台公司模板 安装新模板提示“CSS文件不存在”及其解决方法
- 2017春 前端自动化(二) 页面自动刷新、sass与css转换的使用、pxToRem直观转换
- node-sass安装失败解决方法 segment fault
- hotcss.js如何利用sass自动生成css,快速让px转换成rem
- 写CSS最好方法:OOCSS+Sass
- sass转换为css
- 解决WordPress主题缺少style.css无法安装的方法
- windows下,ruby环境的安装,与sass,compass的使用方法