ホームページ >ウェブフロントエンド >htmlチュートリアル >compass安装教程 - Baiang
compass和sass相当于,jquery和javascript,一个是封装的css库,另一个是javascript库,它们都目的是一样的,简化开发。
一般来说,安装SASS
的话,会自动帮助你安装compass。如果不确认是否有安装compass,在cmd中输入
<code>compass -v </code>
显示 'compass
' 不是内部或外部命令,也不是可运行的程序或批处理文件。代表未安装compass。
显示如下,那么安装成功。
D:\WEB\aaa\myproject>compass -v Compass 1.0.3 (Polaris) Copyright (c) 2008-2015 Chris Eppstein Released under the MIT License. Compass is charityware. Please make a tax deductable donation for a worthy cause: http://umdf.org/compass
安装指令
gem update --system #先更新gem gem install compass #安裝Compass
其它指令
<code>gem query –remote #卸载 md mycompass /# md 建立空文件夹 </code>
cmd进入网站目录,在cmd中,输入以下指令。
<code>compass create myproject </code>
myproject是项目的名字,执行后,会下载compass项目文件到指定目录下: - config.rb -> 配置文件 - .sass-cache -> 缓存文件 - sass -> sass文件 - stylesheets -> sass编译文件
http_path = "/" css_dir = "stylesheets" sass_dir = "sass" images_dir = "images" javascripts_dir = "javascripts" //可以外加指令 output_style = :compressed //编译格式指定
执行编译
<code>compass compile </code>
只有在配置文件下,才能执行编译,不然会找不到.scss文件。
D:\WEB\aaa\mycompass\myproject\sass>compass compile Compass can't find any Sass files to compile. Is your compass configuration correct?. If you're trying to start a new project, you have left off the directory argumen t. Run "compass -h" to get help.
在命令行模式下,除了一次性编译命令,compass还有自动编译命令
compass watch
结束自动编译按 CTRL + C
,同样,也需要在配置文件下执行自动编译,才执行。
如果调用模块报错,有可能是编码错误。