【CSS】Windows下安装sass和compass

因为sass和compass依赖于ruby环境,所以装之前先确认装了ruby。可到官网下载最新版ruby安装包http://rubyinstaller.org/downloads/

在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境:

Sass和compass安装:

安装完ruby后,在开始菜单找到刚才我们安装的ruby,打开Start Command Prompt with Ruby

然后直接在命令行中输入geminstall sass,按回车键确认,等待一段时间就会提示你sass安装成功。

但很有可能会像小编那样,提示安装错误:

原因可能是最近网络原因墙的比较厉害,如果没有安装成功,请参考下面的淘宝的RubyGems镜像安装sass,如果成功则忽略。

淘宝RubyGems镜像安装 sass:

由于国内网络原因(你懂的),导致rubygems.org 存放在 Amazon S3 上面的资源文件间歇性连接失败。这时候我们可以通过gem sources命令来配置源,先移除默认的https://rubygems.org源,然后添加淘宝的源https://ruby.taobao.org/,然后查看下当前使用的源是哪个,如果是淘宝的,则表示可以输入sass安装命令gem install sass了。

$ gem sources --remove https://rubygems.org/

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

$ gem sources -l

*** CURRENT SOURCES ***

https://ruby.taobao.org

# 请确保只有 ruby.taobao.org

$ gem install sass

具体如下:

接着安装使用命令行安装sass和compass就可以了:

这样sass和compass就安装好了,进入下一步的学习吧~

注:因为compass是基于sass的,所以当我们先安装了compass,Ruby也将自动安装sass。

Author:致知

Sign:路漫漫其修远兮,吾将上下而求索。

时间: 2024-10-25 22:00:22

【CSS】Windows下安装sass和compass的相关文章

Windows下安装sass和compass失败的解决办法

sass依赖Ruby,所以,首先得先安装个Ruby sass的安装步骤: 在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境: Sass和compass安装: 安装完ruby后,在开始菜单找到刚才我们安装的ruby,打开Start Command Prompt with Ruby 然后直接在命令行中输入gem  install sass,按回车键确认,等待一段时间就会提示你sass安装成

win7下安装Sass和compass

由于项目需要我们使用到sass来编译css文件.本人在win7下开发 由于国内安装sass遇到了一些困难,后来不得不网查询,后来终于解决了,这里介绍一下 1.要安装sass环境必须要先安装rubyInstaller 网址:http://rubyinstaller.org/downloads/ 可以选择最新的 下载直接安装. 2.晚上很多资料说直接只能 gem install sass 报错,反正就是感觉链接不上过完的网站. 3.没有办法只能继续晚上搜索,后来找到一个,用国内的淘宝网站安装 gem

Windows下安装配置Yaf框架的方法及创建典型合理的Demo目录结构

Yaf是一个C语言编写的PHP框架,由鸟哥Laruence开发的高性能框架: Yaf官方文档:http://www.laruence.com/manual/index.html windows下安装Yaf具体步骤: 第一步:安装PHP扩展配置Yaf 1.查看PHP自己版本信息,如下图: 2.根据PHP版本号,编译器版本号和CPU架构,选择合适的Yaf扩展 这里的PHP版本为7.2.9,VC15 ,X86编译以及TS线程安全,所以,选下面的扩展版本: 选择php_yaf-3.0.7-7.2-ts-

windows 下安装MongoDB

一:下载mongodb安装包 下载地址:https://www.mongodb.com/download-center/community 这里推荐下载msi的安装包 二:安装mongodb 双击下载下来的mongodb安装包进行安装 在Windows下安装软件十分的简单,只需要next就可以了,只需要注意点下面两点 1:如下图安装界面中选择自定义安装,这里可以选择您的安装目录,这里我选择的安装目录为:D:\MongoDB 2:取消如下图形界面管理工具勾选,勾选的话安装会十分十分的慢,如果您想要

Python学习笔记(三)windows下安装theano

早就听说theano很难安装,这一次算是初步尝试,不知道会不会有其它问题. 0 参考材料 (1)win 8.1 64bit 深度学习theano 安装设置 (2)Windows下安装theano成功,但一import就报decode错是什么原因? (3)Wndows8.1 64bit环境下搭建深度学习平台之Theano安装配置 (4)deep learning学习环境Theano安装(win8+win7) 1 简单记录过程 (1)安装anaconda:Download Anaconda now!

windows下安装redis

1.redis简介redis是一个key-value存储系统.和Memcached类似,它支持存 储的value类型相对更多,包括string(字符串).list(链表).set(集合).zset(sorted set --有序集合)和hashs(哈希类型).这些数据类型都支持push/pop.add/remove及取交集并集和差集及更丰富的操作,而且这些操作都 是原子性的.在此基础上,redis支持各种不同方式的排序.与memcached一样,为了保证效率,数据都是缓存在内存中.区别的是red

在 Windows 下安装 GruntJS

在你安装 Grunt.js 之前你需要先安装 Node.js.对于本教程而言,我已经安装好了 node.js v0.10.0. 我将要安装 Grunt.js v0.4.1.警告:如果你已经安装了 Grunt.js 0.3.x 或者更低的版本,请先卸载它. Grunt 的命令行界面 为了安装 grunt.js,我们需要要安装好全局的 Grunt 命令行界面(CLI),当前的 CLI 版本是 1.0.6.打开 Windows 命令窗口(CMD)并输入以下指令: npm install grunt-c

在windows下安装OpenDaylight的Helium(氦)版本

前言 OpenDaylight(以下简写为ODL)的Helium(氦)版本已经成为相对稳定的版本(相对于Li版本).Helium(氦)版本下载链接地址为http://www.opendaylight.org/software/downloads/helium.官网中分别共享了版本.安装向导.用户向导.开发者向导手册,可进行下载学习.在本篇文章中,着重讲一下在Windows下的安装过程. 1 Helium安装 虽然官方要求ODL Helium(氦)版本是基于Ubuntu的,但是在实际学习过程中,U

Windows下安装使用curl命令

本机环境 Windows 7 方法/步骤 1.进入网站 https://curl.haxx.se/download/?C=M;O=D网站 2.根据自己的操作系统位数和是否需要SSL下载相应的版本. 这里下载curl-7.33.0-win64-ssl-sspi.zip,下载完成之后解压到需要使用curl命令的目录.这里为了方便我先直接解压到当前目录. 3.在本窗口下打开运行该命令 [没有建立系统环境变量,所以只能在本目录下运行],检测是否可以正常运行 注意: 想得到上面的"在此处打开命令窗口(W)