3

我在 Windows 上,我的项目中成功运行了 SASS。现在,我想包括指南针,这样我就可以利用预先编写的 mixins 等。

首先,我只是在我的工作 sass 文件中尝试了这个语句:@import "compass/css3/transform";

自然,这不起作用,因为我没有安装 compass,所以我导航到我的 Ruby 目录并成功地将 compass gem 安装在c:/ruby193/bin. 我现在可以在 中成功创建指南针项目c:/ruby193/bin,但这对我没有多大好处。

我需要在我的站点中运行 compass 命令,该站点位于:c:/inetpub/mysite. 但是,当我尝试这样做时,我得到了compass is not recognized as internal or external command

我怎样才能让指南针我想要的地方工作?

编辑我的大部分问题是安装 Ruby 时没有将自身添加到 Windows 路径环境变量中,所以我只能从 C:/Ruby193/bin 目录中运行 SASS 和 Compass 命令。这给我带来了问题,因为结果,我认为那是我需要安装指南针的地方。无论如何,在弄清楚这一点之后,我仍然无法让 compass 工作,但我正计划卸载 SASS、Compass 和 Ruby,并从头开始再试一次。我将 Stooboo 的答案标记为正确,因为它是最好和最准确的,尤其是考虑到他必须使用的信息。谢谢!

4

4 回答 4

14

我是这样做的

(一度)

  1. 安装红宝石http://rubyinstaller.org/

  2. 安装指南针,在命令窗口输入

    gem install compass
    
  3. 要将指南针添加到 MVC 项目,请导航到项目文件夹并在命令窗口中输入

    compass create
    

    你会得到默认的 config.rb ...但这是我常用的

    http_path = "/"
    css_dir = "content/css"
    sass_dir = "content/sass"
    images_dir = "images"
    javascripts_dir = "scripts"
    
  4. 安装引导程序(有关更多信息,请参见https://github.com/thomas-mcdonald/bootstrap-sass)添加

    require 'bootstrap-sass'
    

    到你的 config.rb

    输入(在您的命令窗口中)

    gem install bootstrap-sass
    

    (在此之后我必须(在您的命令窗口中)进行 gem 更新,但您可能不需要)

    输入(在您的命令窗口中)

    compass install bootstrap
    

(然后......每次在 Visual Studio 中打开解决方案时)

  1. 导航到项目文件夹
  2. 在命令窗口中输入

    compass watch
    

    (这将监视项目的保存并重新编译 scss 文件)

希望有帮助

干杯斯图

于 2013-04-14T20:02:10.107 回答
1

使用此命令为了将 GEM 添加到 Windows 路径环境变量:

设置 PATH=C:\Ruby200-x64\bin;%PATH%

于 2014-08-26T02:33:44.397 回答
1

要安装 Compass,您应该使用 Win+R 打开 Windows 控制台,cmd然后运行:

gem update --system
gem update
gem install compass

不要忘记删除你在 Ruby 安装中乱扔垃圾的所有东西。

于 2013-04-14T20:00:01.130 回答
0

在 Ruby 命令中,您应该编写:

gem update --system

(这段代码更新了 Ruby 中的所有 gem)

然后你像这样安装 sass:

gem install sass

(你说你已经有了sass,所以不需要再写这段代码了。)

然后,你写下这一行:

gem install compass

(现在,你的机器里会有指南针)

要知道安装的版本,您可以编写:

compass --version

要在您的台式机中创建一个新项目,您可以编写这行代码:

compass create desktop/my-project

(这将在您的计算机桌面上创建一个名为 my-project 的指南针文件夹。我希望这会有所帮助。

于 2015-09-29T17:45:47.403 回答