sass文件编译成css文件

来源:互联网 发布:梁朝伟唱功 知乎 编辑:程序博客网 时间:2024/05/24 02:30

创建一个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
原创粉丝点击