1. 你需要安装ruby

  2. 你需要安装SASS/Compass

安装sass,在命令行中输入:

$ gem install sass

你可能会问gem是什么?gem是ruby的包管理器.包的概念呢,就是一个为完成特定功能的模块,或者函数集群.就像.NET里面我们要使用到数据相关操作的类就要添加引用System.Data,在.NET里面叫程序集.

字面上你可以看到,运行gem安装sass,但是sass安装包并不在本地,所以这种方式安装你要保证联网,并且包的源地址可用、稳点。

安装Compass,在命令行中输入:

$ gem install Compass

说实话笔者在进行上述安装时,似乎失败了。那是因为包的源地址为国外服务器,所以你需要添加一个国内源地址。

$ gem sources -a http://ruby.taobao.org

或者是选择离线安装的方式(话说之前我就是这么做的)。GEM包下载地址是:http://rubygems.org/ ,在这里搜索、下载需要的GEM包即可。

假设你已经下载了GEM文件到本地,路径为 D:\gemFile,你需要把CMD的路径切换到该目录,具体如下:

D:
D:>cd gemFile
D:\gemFile> gem install –local compass.gem

与在线安装的区别仅仅是多了一个参数 –local,此处compass是你要安装的gem包的文件名。

安装的过程中你会发现compass的依赖不止一个,你需要补全它的依赖链。具体的依赖在GEM包网站上可以看见,你可以逐个下载安装,或者下载后将他们放在同一个文件夹,在安装gem包时,会自动安装这些依赖的包。

其间可能会遇到一个包安装失败,它会提示你安装DevKit。

应该是ffi这个包,这个包有好几个版本,需要根据系统环境下载相应版本的文件。这样就不用装DevKit了。

到这里下载对应的DevKit:
http://rubyinstaller.org/downloads

下载解压它,并在命令行中定位到该文件夹(像上面安装GEM那样)输入:

$ ruby dk.rb init –生成config.yml,你会看见在文件夹里面多了个config.yml的文件,编辑它,配置你ruby的安装目录.比如我的安装目录是c:\Ruby200-x64,就在文件末尾添加 C:/Ruby200-x64

$ ruby dk.rb install

好了安装完了,可以继续你的Compass安装了。


参考文章

Ruby更改gem source
windows 上的SASS/Compass安装
windows 上的 DevKit安装

 

Visual Studio 2013使用SASS和Compass--SASS和Compass安装的更多相关文章

  1. 安装和使用Visual Studio 2013并进行简单的单元测试

    现在我正在安装visual studio 2013,我听说好多同学都在安装visual studio 2015,但是他好像只支持Win10吧,我就退而求其次安装了visual studio 2013. ...

  2. Visual Studio 2013 ReportViewer Control

    最近需要给学生讲报表,.NET的自然就是选择RDLC了. 因为学生比赛是用Visual Studio 2013,所以我在自己的笔记本上安装了Visual Studio 2013(平常是用2010),安 ...

  3. visual studio 2013下搭建 安卓,ios,wp app开发平台

    1.安装 visual studio 2013 + Microsoft Visual Studio 2013 Update 4+Microsoft Build Tools 2015 2.安装java ...

  4. Visual Studio 2017中使用gulp编译sass/scss

    在Visual Studio 2017中使用gulp编译sass/scss文件 需要的环境:Visual Studio 2017.Node.js.npm 在vs2017中 [视图]-[其他窗口]-[任 ...

  5. 在Visual Studio 2013顯示SCSS詳細錯誤訊息

    在WebEssentials套件加持之下,Visual Studio 2013可以直接編修SCSS,每次存檔自動編譯出css.min.css及.map,非常方便.但初心者如我,寫錯語法在所難免,一旦造 ...

  6. Visual Studio 2013 Ultimate因为CodeLens功能导致Microsoft.Alm.Shared.Remoting.RemoteContainer.dll高CPU占用率的折中解决方案

    1.为什么Microsoft.Alm.Shared.Remoting.RemoteContainer.dll的CPU占用率以及内存使用率会那么高? 在Visual Studio 2013 Ultima ...

  7. Visual Studio 2013 Preview 高清多图先睹为快

    Visual Studio 2013 Preview已经发布.大家可以下载试用了哦: 选项加载明显比之前版本要快很多.

  8. 让Visual Studio 2013为你自动生成XML反序列化的类

    Visual Sutdio 2013增加了许多新功能,其中很多都直接提高了对代码编辑的便利性.如: 1. 在代码编辑界面的右侧滚动条上显示不同颜色的标签,让开发人员可以对所编辑文档的修改.查找.定位情 ...

  9. Visual Studio 2013 Ultimate的可视化代码功能

    可视化和了解代码综合了如何使用visual studio可视化代码来帮助理解代码: 理解代码和代码之间的关系:(1)Code Map(2)Dependency Graphs 理解代码交互:Sequen ...

  10. Visual Studio 2013 Web开发

    cnbeta新闻:微软正式发布Visual Studio 2013 RTM版,微软还发布了Visual Studio 2013的最终版本..NET 4.5.1以及Team Foundation Ser ...

随机推荐

  1. 2016-09-06 J2EE基础知识之不知

    1.中间件.容器.Web服务器 1.1中间件 中间件是提供系统软件和应用软件之间连接的软件,以便于软件各部件之间的沟通.中间件处于操作系统和更高一级应用程序之间. J2EE提出的背景: 1)企业级应用 ...

  2. Spring-----多环境中加载资源配置文件

    转载自:http://blog.csdn.net/hekewangzi/article/details/51942128

  3. 控制台下的计算器——C++实现

    最近这段时间看操作系统的东西看的头晕脑胀的,所以先停个一晚上,写个控制台下的计算器,来练练栈的使用. 首先,分析一下要完成的东西.输入肯定使用string类来输入的,然后第一步,就是把string的字 ...

  4. ShowDialog()弹出的窗体,关闭后,主窗体会闪烁的BUG

    如图,要实现下列等待界面时,等待界面是以ShowDialog弹出的,发现关闭后,主窗体会闪烁一下的BUG,搞半天没搞明白啥原因. 过了几天后,搜索了下发现,在fm.ShowDialog(),显示出来时 ...

  5. 从C++对象内存布局和构造过程来具体分析C++中的封装、继承、多态

    一.封装模型的内存布局 常见类对象的成员可能包含以下元素: 内建类型.指针.引用.组合对象.虚函数. 另一个角度的分类: 数据成员:静态.非静态 成员函数:静态.非静态.虚函数 1.仅包含内建类型的场 ...

  6. onload ready

    确保在 <body> 元素的onload事件中没有注册函数,否则不会触发$(document).ready()事件. 可以在同一个页面中无限次地使用$(document).ready()事 ...

  7. HTTP协议中的1xx,2xx,3xx,4xx,5xx状态码分别表示什么,列举常见错误码及含义

    转自:http://m.blog.csdn.net/blog/u013857407/21741847 HTTP协议状态码,是指在HTTP协议运作中由客户端发出请求连接,服务端建立连接,客户端发出HTT ...

  8. scrapy中运行爬虫时出现twisted critical unhandled error错误

    1. 试试这条命令: twisted critical unhandled error on scrapy tutorial python python27\scripts\pywin32_posti ...

  9. mongodb or操作与连接池

    mongodb # 类似于sql中的in或者or操作 mulites field query: db.cool.find({$or:[{field1:'val'},{'field2':'val'}-] ...

  10. JAVA仿真之银行出纳员

    学习例子是参照<thinking in java>中修改的,先贴上运行结果: 注意看红框之中的内容,这个仿真要达到这样一个目的: 1.客户队列(无优先级):每隔300MILLS生产一个客户 ...