如何使用sass(环境安装)-创新互联
Sass是基于ruby环境开发的语言工具,所以使用sass需要ruby环境。
我们提供的服务有:网站建设、成都网站制作、微信公众号开发、网站优化、网站认证、赫章ssl等。为上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的赫章网站制作公司1、 下载ruby
https://rubyinstaller.org/downloads/
下载完后双击,next即可
2、 查看ruby是否安装好,找到Start Command Prompt with Ruby 这个工具
3、 输入命令 gem install sass (安装sass 命令)
gem updatesass (升级sass 命令)
sass -v (查看sass版本命令)
这样sass 就安装好了,但是sass还无法实时监测css文件的而变动
4、 在桌面或者你想存放项目的地方新建一个文件夹
我在桌面上新建了sass文件夹,里面放了一个text.scss文件。
打开ruby窗口,cd到你放项目的目录下
使用命令sass text.scss css\css.css(左边输入sass文件,右边输出css的文件,如果想把css文件建一个文件夹放起来,就在前面如例子所示加一个路径)
监视某一个sass文件,使用命令 sass --watch text.scss:css.css( 左边是scss输入文件,右边的css输出文件)
监视整个文件夹,使用命令:sass --watch scss:css(左边代表监视的文件路径,右边代表输出文件路径)
然后用编辑器打开,sass就能实时监控css了
参考博文
https://www.cnblogs.com/wuzhiquan/p/5912146.html
顺便,如果sublime不支持scss高亮插件,参加下面的博文
http://blog.csdn.net/u013022210/article/details/48729281
创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。
本文标题:如何使用sass(环境安装)-创新互联
转载源于:http://cdiso.cn/article/didjce.html