sass+compass笔记系列1--compass配置简介
来源:互联网 发布:见过最好听的网名 知乎 编辑:程序博客网 时间:2024/05/16 23:40
前言
发现scss搭配compass去使用的人不是非常多,很多只用scss,这次主要想记录一下compass。它是利用sass开发出来的一套工具,有7大sass模块和其他的一些插件,和内置功能,可到compass中文网先睹为快。我也会记录某些模块的作用。
compass的安装
安装之前先在这里安装ruby,慢慢等待一下,因为安装ruby这网站使用的jq是谷歌的地址,安装的时候:
强烈建议勾选第二和第三项目。
安装compass:
//win:gem install compass//mac:sudo gem install compass// 查看安装情况compass help
由于淘宝源的rubygem镜像似乎不再更新维护,安装方法可以查看我另一篇博文
compass的项目创建
打开命令行工具CMD,用cd命令进入到你的项目目录,然后输入
compass create youProjectName
youProjectName(名字随便起),运行后看到
可以看到有
1. config.rb文件
2. sass文件夹–放置scss文件
3. stylesheets文件夹–放置css文件
在英文描述中说到有两种方法可以编译sass文件
1. compass compile [path/to/project] 2. compass watch [path/to/project]
[]是可选参数,第一个是单次编译,第二个是自动编译,一般都用第二种
用法就是打开命令行工具,用cd命令进入到你的项目目录中,输入:
compass watch
若想停止监听,按Ctrl+C即可。
compass的配置
在config.rb中,可以修改compass项目的配置。
require 'compass/import-once/activate'
这个require的意思是,当你@import 引入多次重复文件的时候,它只会引入一次, _dir是文件夹名的意思。
compass的命令
compass中的使用命令:
小结
- 下一篇会记录compass的各种模块。
- 大家若想知道命令行的常用命令可以移步到我另一篇博文中
0 0
- sass+compass笔记系列1--compass配置简介
- sass+compass笔记系列2--compass模块
- sass / compass 使用笔记
- sass和compass学习笔记2(compass)
- Sass和Compass学习笔记(1)
- Sass compass
- sass + compass
- Sass Compass compile command
- sass-compass 安装
- 安装Sass和Compass
- CSS之Sass Compass
- sass and compass
- Sass和Compass安装
- sass and compass
- SASS&Compass语法学习
- ruby/sass/compass安装
- Sass和Compass入门
- 认识Sass和Compass
- JFinal Web开发学习(一)开启HelloWorld
- 初识XSS
- 要求:不申请变量和空间 反转字符串 ,用一个函数实现。 异或^交换或者加减交换的典型应用! VIA 笔试题
- java枚举详解
- 文章标题 HDU 5533 : Dancing Stars on Me
- sass+compass笔记系列1--compass配置简介
- 有符号整数 存储
- 五大流浏览器内核及其代表
- 极光那些事(推送笔记)
- Ubuntu安装Androidstudio,包含其他环境配置
- 返回二进制中1的个数
- 【Dongle】【Web】【JavaScript】AJAX页面局部动态刷新
- 数据结构之线性表(C++)---数组描述
- Bootstrap Table使用分享