星空网 > 软件开发 > 网页设计

compass安装教程

compass安装教程

compass和sass相当于,jquery和javascript,一个是封装的css库,另一个是javascript库,它们都目的是一样的,简化开发。

安装

一般来说,安装SASS的话,会自动帮助你安装compass。如果不确认是否有安装compass,在cmd中输入

compass -v

显示 'compass' 不是内部或外部命令,也不是可运行的程序或批处理文件。代表未安装compass。

显示如下,那么安装成功。

D:\WEB\aaa\myproject>compass -vCompass 1.0.3 (Polaris)Copyright (c) 2008-2015 Chris EppsteinReleased under the MIT License.Compass is charityware.Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

安装指令

gem update --system #先更新gemgem install compass #安裝Compass

其它指令

gem query –remote #卸载md mycompass /# md 建立空文件夹

建立compass项目

cmd进入网站目录,在cmd中,输入以下指令。

compass create myproject

myproject是项目的名字,执行后,会下载compass项目文件到指定目录下: - config.rb -> 配置文件 - .sass-cache -> 缓存文件 - sass -> sass文件 - stylesheets -> sass编译文件

cofing.rb 配置文件

http_path = "/" css_dir = "stylesheets"sass_dir = "sass"images_dir = "images"javascripts_dir = "javascripts"//可以外加指令output_style = :compressed   //编译格式指定

编译文件

执行编译

compass compile

只有在配置文件下,才能执行编译,不然会找不到.scss文件。

D:\WEB\aaa\mycompass\myproject\sass>compass compileCompass 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 argument.Run "compass -h" to get help.

在命令行模式下,除了一次性编译命令,compass还有自动编译命令

compass watch

结束自动编译按 CTRL + C,同样,也需要在配置文件下执行自动编译,才执行。

调用模块报错

如果调用模块报错,有可能是编码错误。

 




原标题:compass安装教程

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

深圳易通达海外仓:https://www.goluckyvip.com/tag/41212.html
深圳英国fba头程:https://www.goluckyvip.com/tag/41213.html
深圳有哪些高峰专线:https://www.goluckyvip.com/tag/41215.html
深圳展销会:https://www.goluckyvip.com/tag/41218.html
深圳至澳门货运专线:https://www.goluckyvip.com/tag/41222.html
深圳至澳门专线:https://www.goluckyvip.com/tag/41223.html
TikTok斥资210万美元游说美国参议院阻止法案通过 :https://www.kjdsnews.com/a/1836653.html
TikTok斥资210万美元游说美国参议院阻止法案通过 :https://www.goluckyvip.com/news/188220.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流