ruby中输入命令行编译sass（ruby小白）(1/4)

本篇文章主要介绍了"ruby中输入命令行编译sass（ruby小白）"，主要涉及到ruby,sass方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： Ruby（或cmd中）输入命令行编译sass步骤如下：（1）举例而言：首先在F盘下建立一个总文件夹，比如test文件夹；其次在该文件夹下建立html，image...

Ruby（或cmd中）输入命令行编译sass步骤如下：

（1）举例而言：首先在F盘下建立一个总文件夹，比如test文件夹；其次在该文件夹下建立html，images，js，sass等文件夹。

（2）在sass文件夹中创建要使用到的sass文件。例如common.scss,reset.scss,config.scss等公共文件以及项目中需要使用到的各个文件，当然这里的文件也可以分别放在不同的文件夹中，不过都是sass文件夹的子目录。

（3）如下是sass文件夹下的common.scss：

 1/* 2*created by Irene
 3*2016-04-20
 4*/ 5div{
 6    width: 300px;
 7    height: 300px;
 8    border: 1px solid #000;
 9    background-color: #333;
10    p{
11        width: 200px;
12        height: 200px;
13        background-color: #666;
14        a{
15            display: inline-block;
16            width: 100px;
17            height: 100px;
18            background-color: #999;
19         }
20    }
21}

（4）启动ruby，可以设置快捷键（右键开始菜单中的ruby，选择属性设置快捷键），（我设置的是Ctrl+Alt+Z）。

（5）根据步骤输入命令行。

得到如下结构：