WIN7 系统安装 ruby 并使用 sass

前不久朋友跟我说 sass 写 css 很不错,我就试着去用了,那么在使用 sass 的时候发现安装也是要点时间,那么我就整理了一下这些安装和使用的一些东西,分享一下,让想用 sass 写 css 的同学少走一些安装弯路,在这里仅仅适合 windows 下安装方式(Linux或OS X 请移步),好了废话不多说直接进入主题

1. 先下载ruby程序包并安装 (这里安装的是 1.8.7 版本 ) 安装时请把下面三个框勾上,下载地址:http://dl.dbank.com/c0e1b2ptmk

2. 打开 Ruby 的命令符面板(ruby的黑窗口) 并输入 gem install haml(等待几秒钟会出现安装过程) 和 gem installsass

3. Sass是一种"CSS预处理器",可以让CSS的开发变得简单和可维护。但是,只有搭配Compass,它才能显出真正的威力, 所以现在我们来使用 Compass 。打开命令行(系统的黑窗口)输入 gem install compass (其实这行命令应该可以在第二步的时候一起输入的,这里我就没 试了,有兴趣的同学可以去试一下)  在这里可以参考一下这个高手的博客 http://www.ruanyifeng.com/blog/2012/11/compass.html

4. 激动人心的时刻来了,创建sass文件,我打算在 E 盘创建一个 myproject 文件夹 , 那么在黑窗口里面输入 compass create myproject(文件名)

5.接下来使 sass 文件自动编译跟 CSS 同步,在黑窗口输入命令行 compass watch

6.在myproject文件夹新建一个 sass 文件 取名为 style.scss ,此时你就会发现,在stylesheets 这个文件夹里面就同步了一个style.css文件,那么在项目使用中你就可以引用这个style.css文件了,而你编写的就是style.scss文件

7.在 sublime text 中编写的 sass 代码不会高亮,那么需要一个插件在这个好人的博客里下载此插件 http://www.csssea.com/?p=1818 , 把下载好的插件解压,提取第二层文件(既下图所示)粘贴到 sublime text 的浏览程序包里面的 Emmet 文件里(记得粘贴到里面的文件,不要把文件覆盖,不然sublime tex会出现问题),重启一下 sublime text 此时久违的感觉就回来了,接下来的事情就是尽情释放你的 sass 代码吧...

WIN7 系统安装 ruby 并使用 sass

时间: 2024-11-10 13:15:57

WIN7 系统安装 ruby 并使用 sass的相关文章

Ubuntu系统安装Ruby的三种方法

Ubuntu系统安装Ruby的三种方法 作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chszs Ruby是一个开源的动态编程语言,它有优美的语法,可用于构建可伸缩的Web应用程序.ruby gems可以很好地增强Ruby开发者的开发效率.要在Ubuntu系统上安装Ruby,有几种方法,每种方法都只需几步就能搞定. 方法一:使用apt-get安装 可以直接使用两个命令完成Ruby的安装.# sudo apt-get update# sudo apt-get i

win7系统安装VS2013后,连不上远程sqlserver数据库解决办法

刚搬了地方,顺便把电脑重做了系统,把sql2012和vs2013装好,怎么弄也连不上远程的数据库了,用程序连IIS直接死掉,用ssms连也是直接失去响应,开始以为是网线端口被运营商封杀了,最后发现不是的,是程序的原因.解决办法和大家分享一下,供大家参考: 以管理员的身份运行“命令管理器”,输入:netsh winsock reset 然后重启一下电脑. 本人亲测,问题解决了.参考资料URL:http://social.msdn.microsoft.com/Forums/zh-CN/030f66b

win7安装ruby on rails开发环境

前言 看到很多文章都说ruby环境在windows上是非常难搭建,会出现各种各样的怪问题,所以都推荐到linux和mac上安装开发.但是我按照教程搭了下,问题也不算太多.总过大概花费了2个半小时左右就完成了.所以大家不要被吓尿了,下面就把安装的步骤及具体的版本记录了一下供大家参考. 安装步骤: 开发机环境:我使用的开发机:win7 旗舰版 - 64位 (cpu是i5). 1 安装 rubyinstaller-2.0.0-p481.exe 1 选择安装目录:(如:D:\server\Ruby200

win7系统安装Anaconda3后jupyter notebook 不想用默认浏览器不知道密码是什么?

win7系统安装 Anaconda3 后 jupyter notebook 不知道密码问题 1. 登陆服务器,也就是输入 jupyter notebook 生成配置文件 jupyter notebook --generate-config 2.生成密码 切换到ipython,就是弹出来的网页里按右上角的 new,然后选python. 输入第一行 from notebook.auth import passwd alt + enter 来执行这个命令并进入下一行:在下一行里面输入: passwd(

虚拟机 win7系统安装

1  新建虚拟机,选择典型,进行下一步. 2  选择稍后安装系统,然后下一步. 3  选择系统win7 64位,然后下一步. 4  选择好安装位置,然后下一步. 5  默认60G  然后下一步. 6  点击虚拟机设置,使用镜像文件. 7  开始安装win7 8  选择自定义 9  选择驱动器选项 开始分配磁盘,然后下一步. 10  系统安装中 11  输入用户名,和密码. 12  不点击 自动激活 然后下一步. 13  点击以后询问我. 14  选择时间,然后下一步. 15  点击家庭网络 16

win7安装ruby on rails

开发机:win7 旗舰版 - 64位 1,安装ruby,下载rubyinstaller-2.0.0-p451.exe 下载地址:http://rubyinstaller.org/downloads/ 1.1 选择安装目录:(如:D:\Ruby200) 1.2 安装过程中: 需要勾选所有选项(安装插件.执行执行rb扩展的文件) 验证:cmd 中 ruby -v 显示版本号则说明正常 gem -v 2,安装devkit,下载DevKit-mingw64-32-4.7.2-20130224-1151-

Win7系统安装FreeBasic编译器与FBIde开发环境

1.我的环境 操作系统:32位 Win7 旗舰版 Service Pack 1 2.安装FreeBasic编译器 OSC上FreeBasic的页面是:http://www.oschina.net/p/freebasic FreeBasic官方网站的首页是:http://www.freebasic.net/ FreeBasic的下载页面是:http://www.freebasic.net/get 我要在32位Win7电脑上安装FreeBasic,所以下载时选择了"Windows Binaries&

用rbenv给整个系统安装ruby(所有用户都可用)

rbenv非常好用,但有一个小问题,每个用户都需要单独安装和设置版本. 下面安装步骤可以安装在/usr/local/rbenv下,所有用户都可以共享rbenv. #rbenv安装(/usr/local/rbenv) #安装依赖,需要root用户 yum install -y git yum install -y readline-devel yum install -y openssl-devel zlib-devel yum install -y postgresql-devel #关闭ssl

Ghost win7 系统安装(虚拟机)

1.将Ghost.iso添加到数据存储iso文件中,启动虚拟机,根据相关提示,文件格式化系统硬盘,完成操作后关机: 2.进入BIOS,设置从CDROM启动系统(否则系统会提示找到引导文件): 3.将系统安装在第一个分区,进行Ghost系统安装界面.