Visual Studio 2013使用SASS和Compass--SASS和Compass安装
你需要安装ruby
你需要安装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安装的更多相关文章
- 安装和使用Visual Studio 2013并进行简单的单元测试
现在我正在安装visual studio 2013,我听说好多同学都在安装visual studio 2015,但是他好像只支持Win10吧,我就退而求其次安装了visual studio 2013. ...
- Visual Studio 2013 ReportViewer Control
最近需要给学生讲报表,.NET的自然就是选择RDLC了. 因为学生比赛是用Visual Studio 2013,所以我在自己的笔记本上安装了Visual Studio 2013(平常是用2010),安 ...
- visual studio 2013下搭建 安卓,ios,wp app开发平台
1.安装 visual studio 2013 + Microsoft Visual Studio 2013 Update 4+Microsoft Build Tools 2015 2.安装java ...
- Visual Studio 2017中使用gulp编译sass/scss
在Visual Studio 2017中使用gulp编译sass/scss文件 需要的环境:Visual Studio 2017.Node.js.npm 在vs2017中 [视图]-[其他窗口]-[任 ...
- 在Visual Studio 2013顯示SCSS詳細錯誤訊息
在WebEssentials套件加持之下,Visual Studio 2013可以直接編修SCSS,每次存檔自動編譯出css.min.css及.map,非常方便.但初心者如我,寫錯語法在所難免,一旦造 ...
- Visual Studio 2013 Ultimate因为CodeLens功能导致Microsoft.Alm.Shared.Remoting.RemoteContainer.dll高CPU占用率的折中解决方案
1.为什么Microsoft.Alm.Shared.Remoting.RemoteContainer.dll的CPU占用率以及内存使用率会那么高? 在Visual Studio 2013 Ultima ...
- Visual Studio 2013 Preview 高清多图先睹为快
Visual Studio 2013 Preview已经发布.大家可以下载试用了哦: 选项加载明显比之前版本要快很多.
- 让Visual Studio 2013为你自动生成XML反序列化的类
Visual Sutdio 2013增加了许多新功能,其中很多都直接提高了对代码编辑的便利性.如: 1. 在代码编辑界面的右侧滚动条上显示不同颜色的标签,让开发人员可以对所编辑文档的修改.查找.定位情 ...
- Visual Studio 2013 Ultimate的可视化代码功能
可视化和了解代码综合了如何使用visual studio可视化代码来帮助理解代码: 理解代码和代码之间的关系:(1)Code Map(2)Dependency Graphs 理解代码交互:Sequen ...
- Visual Studio 2013 Web开发
cnbeta新闻:微软正式发布Visual Studio 2013 RTM版,微软还发布了Visual Studio 2013的最终版本..NET 4.5.1以及Team Foundation Ser ...
随机推荐
- Sql Server 列转行 Pivot使用
今天正好做 数据展示,用到了列转行,行转列有多种方式,Pivot是其中的一种,Povit 是sql server 2005以后才出现的功能, 下面的业务场景: 每个月,进货渠道的总计数量[Total] ...
- OC中协议的概念以及用法
OC中协议的概念以及用法,协议也是OC中的一个重点,Foundation框架以及我们后面在写代码都会用到. OC中的协议就是相当于Java中的接口(抽象类),只不过OC中的名字更形象点,因为我们在学习 ...
- Extjs Store 的用法详解
Ext.data.Store的基本用法 在使用之前,首先要创建一个Ext.data.Store的实例,如下面的代码所示. 每个store最少需要两个组件的支持,分别是proxy和reade ...
- Android ORM SQL Top 5
If you are developing an Android application, you will likely need to store data somewhere. You may ...
- hdu 5724 Chess 博弈
题目链接 一个n行20列的棋盘. 每一行有若干个棋子. 两人轮流操作, 每人每次可以将一个棋子向右移动一个位置, 如果它右边有一个棋子, 就跳过这个棋子, 如果有若干个棋子, 就将这若干个都跳过. 但 ...
- Asp.net MVC学习--默认程序结构、工作流程
二.MVC 默认程序结构 MVC新建好之后,会对应的出现几个包,分别是:Controller.Model.View --即MVC 其中的默认的Default.aspx文件可以方便url重写,如果不设置 ...
- python----设置默认编码
问题:python的默认编码是ascii.在处理中文的时候可能会出现乱码的情况:这个时候我们就需要把编码设置为对应的编码了. 解决方案: 对python文件的头部做如下修改 import sys re ...
- Linux进程管理命令
CentOS默认并没有安装上psmisc这个软件包,就是像pstree,fuser这类的命令就没有了.如果想要执行这些命令最好的方法就是手动的去安装它们 解决方法: yum -y install ps ...
- TFS Build Definition
1. TFS Build 简介 在团队项目开发中,编译常常是一个很困难的事情! 可能你会反问编译有什么难的?不就是右键,然后点击 Build/Rebuild, 或者直接按 F5 么?这都不会,真不知 ...
- poj2840
#include <stdio.h> #include <stdlib.h> #include<string.h> int main() { int n,len; ...