在Windows上配置Compass

时间:2013-04-14 19:53:12

标签: css windows sass compass-sass

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

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

当然,这没有用,因为我没有安装罗盘,所以我导航到我的Ruby目录并在c:/ruby193/bin内成功安装了指南针宝石。我现在可以在c:/ruby193/bin内成功创建指南针项目,但这对我没什么好处。

我需要在我的网站中运行指南针命令,它位于c:/inetpub/mysite。但是,当我尝试这样做时,我得到compass is not recognized as internal or external command

如何让罗盘工作 我想要它?

编辑我的问题很大一部分是安装了Ruby而没有将自己添加到Windows Path环境变量中,所以我只能在C中运行SASS和Compass命令: / Ruby193 / bin目录。这给我带来了麻烦,因为我觉得那是我需要安装指南针的地方。无论如何,在搞清楚之后,我仍然无法让罗盘工作,但我正在计划卸载SASS,Compass和Ruby,并从头开始另外尝试这个东西。我认为Stooboo的答案是正确的,因为它是最好和最准确的,特别是考虑到他必须使用的信息。谢谢!

4 个答案:

答案 0 :(得分:11)

这是我如何做的

(一次)

  1. 安装ruby 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. 安装bootstrap(有关详细信息,请参阅https://github.com/thomas-mcdonald/bootstrap-sass) 添加

    require 'bootstrap-sass'
    

    到你的config.rb

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

    gem install bootstrap-sass
    

    (我必须做一个(在你的命令窗口中)     宝石更新 在此之后,你可能不需要)

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

    compass install bootstrap
    
  5. (然后......每次在Visual Studio中打开解决方案)

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

      compass watch
      

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

    3. 希望有所帮助

      干杯 斯图

答案 1 :(得分:1)

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

gem update --system
gem update
gem install compass

不要忘记删除所有使用Ruby安装的东西。

答案 2 :(得分:1)

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

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

答案 3 :(得分:0)

在Ruby命令中,你应该写:

gem update --system

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

然后你按照它安装sass:

gem install sass

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

然后,你写下这一行:

gem install compass

(现在,你的机器上会有罗盘)

要了解已安装的版本,您可以写:

compass --version

要在桌面计算机中创建新项目,可以编写以下代码:

compass create desktop/my-project

(这将在您的机器桌面上创建一个名为my-project的指南针文件夹。我希望这有用。