安装了ruby后怎么安装sass

Python09

安装了ruby后怎么安装sass,第1张

ruby安装

因为sass依赖于ruby环境,所以装sass之前先确认装了ruby。先导官网下载个ruby

在安装的时候,请勾选Add Ruby executables to your

PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境

sass安装

如果你喜欢偷懒,或者你公司网络限制比较多,请直接看最后一段

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

然后直接在命令行中输入

gem install sass

按回车键确认,等待一段时间就会提示你sass安装成功。

如果要安装beta版本的,可以在命令行中输入

gem install sass --pre

你还可以从sass的Git repository来安装,git的命令行为

git clone git://github.com/nex3/sass.git cd sass rake install

如果上述的办法你尝试失败了,那说明要么被你的网络墙了这个,要么你的网络信号不好。你可以尝试本地安装,不过有点复杂。这里暴漏个惊天秘密,那就是koala这个编译工具已经内置了sass,所以如果你安装了koala,就根本不需要安装sass,注意ruby还是得安装。关于koala请参阅编译工具。

由于sass是基于ruby环境下使用的,所以要先安装ruby , win 7系统直接进入下载你所需要的ruby版本。

下载完,安装程序。

运行cmd.exe命令

输入ruby -v,会显示安装的ruby 版本.

现在我们开始安装sass,在“开始”菜单中打开ruby的控制面板。

输入gem install sass ,按回车键执行命令。如果提示安装成功,这个步骤后面的内容可忽略。但大多数情况下,由于国内网络原因,导致 rubygems.org 存放在 Amazon S3 上面的资源文件间歇性连接失败。这时候我们可以通过gem sources命令来配置源,先移除默认的源,然后添加淘宝的源,然后查看下当前使用的源是哪个,如果是淘宝的,则表示可以输入sass安装命令gem install sass了。具体操作如下:

先移除默认的源,命令为gem sources --remove /,按回车,结果如下:

添加淘宝的源,命令为gem sources -a ,按回车,结果如下:

查看当前使用的源,命令为gem sources -1,按回车,结果如下:

执行gem install sass 命令,安装sass, 结果如下:

执行sass -v命令,就可以看到你安装的sass版本了,结果如下:

到这里,sass就已经安装好了。后话:

更新sass的命令语句为:gem update

如果想要安装sass的某一特定版本,命令语句为: gem install sass --version=3.3.0

如果想要删除sass的某一特定版本,命令语句为: gem uninstall sass --version=3.3.0

查看ruby 安装的所有程序包,命令语句为: gem list

下载相应的版本。建议大家不要使用谷歌浏览器,因为他真得加载不出来。

下载好之后,就需要一步步进行安装了(建议大家把其安装在c盘),这里需要注意的是:

这个勾别忘了选,因为不选中,就会出现编译时找不到Ruby环境的情况。

这时,我们在控制台输入ruby -v就可以得到我们的安装好的ruby的版本号等信息

Ruby 安装完成后,在开始菜单中找到新安装的 Ruby,并启动 Ruby 的 Command 控制面板,如下图所示:

当你的电脑中安装好 Ruby 之后,接下来就可以安装 Sass 了。同样的在windows下安装 Sass 有多种方法。给大家提供一种最实用的方法。

到 Rubygems(http://rubygems.org/) 网站上将 Sass 的安装包(http://rubygems.org/gems/sass)下载下来,然后在命令终端输入:

gem install <把下载的安装包拖到这里>

直接回车即可安装成功。

接下来,就是在sublime中安装sass插件和sass build插件了,打开我们的sublime

首先你要看的是在preference选项下有没有package control这个选项,如果没有的话,就表示你没有Package

Control 插件(一个方便 Sublime text 管理插件的插件),这时,你就要从菜单 View - Show Console 或者

ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装

sublime text3

1

import urllib.request,ospf = 'Package Control.sublime-package'ipp = sublime.installed_packages_path()

urllib.request.install_opener( urllib.request.build_opener(

urllib.request.ProxyHandler()) )open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

sublime text2

1

import urllib2,ospf='Package Control.sublime-package'ipp = sublime.installed_packages_path()os.makedirs( ipp ) if not os.path.exists(ipp) else Noneurllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( )))open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read())print( 'Please restart Sublime Text to finish installation')

完成了这步之后,再重新打开我们的sublime,ctrl+shift+p,并输入install

选择第一个Install Pacage,

在命令栏中输入"Sass"然后回车,然后在弹出的列表中选择Sass插件,通过鼠标单击或者回车进行安装,可通过左下角状态栏查看安装结果

在命令栏中输入"SassBuild"然后回车,然后在弹出的列表中选择SassBuild插件,通过鼠标单击或者回车进行安装,可通过左下角状态栏查看安装结果

按ctrl+shift+p,输入package,选择list packages,就看到了我们安装的插件列表

如果你看到了sass和sass bulid就说明插件安装成功了。

这是你把scss文件写完之后,按ctrl+b就可以实现sass文件的编译了,他会生成一个自动编译生成css文件。这里,再跟大家介绍一下windows7下解决中文乱码的问题吧。需要做的就是:

找到ruby的安装目录,里面也有sass模块,如这个路径:

C:/Ruby/lib/ruby/gems/1.9.1/gems/sass-3.3.14/lib/sass

在这个文件里面engine.rb,添加一行代码Encoding.default_external = Encoding.find(‘utf-8’) 放在所有的require XXXX 之后即可.