欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

SASS的安装和转换为CSS的方法_html/css_WEB-ITnose

程序员文章站 2022-03-31 16:53:29
...
SASS的安装方法:


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 。