sass文件编译成css文件

创建一个compass工程

注意:如果在项目中直接创建compass工程时确保项目名称是非中文。否则出错!
1.建一个sassApp文件夹(名字都无所谓)并在文件夹内Shift + 鼠标右键打开命令行。

compass create hello    创建一个hello文件夹,可以省略hello

2.创建成功后有三个文件:sass用于存放自己写的sass文件。stylesheets:用于存放编译后的css文件。config.rb:配置文件。
3.删除sass和stylesheets文件夹原有的文件
4.在sass文件夹下编写自己的一个demo1.scss文件。
5.在hello文件夹下打开命令窗口让其自动编译sass文件:

compass watch

6.编译完成的css文件在stylesheets文件夹里。

让sass支持中文注释:

C:\Ruby23-x64\lib\ruby\gems\2.3.0\gems\sass-3.4.23\lib\sass\下面的engine.rb文件用编辑器打开。
更改57行如下:

#让Sass支持中文注释
  Encoding.default_external = Encoding.find('utf-8')

这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值