Sass学习笔记--在Windows系统中安装Sass和Compass-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

Sass学习笔记--在Windows系统中安装Sass和Compass-创新互联

Sass和Compass都是基于Ruby编程语言的命令行工具。要使用它们,你首先需要在电脑中安装Ruby,Windows系统并没有预置Ruby,因此如果你之前没有安装过Ruby,现在就需要进行安装。安 装Ruby只需要花费几分钟的时间。

网站建设哪家好,找成都创新互联!专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了硚口免费建站欢迎大家使用!

直接百度搜索“ruby”或者点击http://rubyinstaller.org/downloads/ 下载,根据自己系统配置,如果是x64,则选择“ Ruby 2.3.1 (x64)”

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

按照提示,点击下一步,注意这里需要全部勾选

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

安装完成以后,进入命令行工具,输入“ruby -v”查看版本号

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

接下来就是安装sass了,如果不幸被墙了,安装失败的话,可以参照下面的步骤

1、移除默认源

命令行输入:  gem sources --remove https://rubygems.org/

2、下载SSL证书

可以百度搜索“cacert.pem”进入网站下载或者直接点击 https://curl.haxx.se/docs/caextract.html

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

在弹出的新页面中,把所有的内容复制一份存到txt文档里面,保存时把编码方式改成utf-8,然后命名为“cacert.pem”,把这个文件存到C盘Ruby文件夹下面

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

右键点击“我的电脑”- “属性”-“高级系统设置”-“环境变量”,按照下图操作

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

3、配置为淘宝源

命令行输入: gem sources -a https://ruby.taobao.org/

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

4、查看当前源

命令行输入: gem sources

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

5、确定是淘宝源以后,执行该安装sass命令

命令行输入:gem install sass

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

命令行输入:sass -v  查看sass是否安装成功

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

安装compass

命令行输入:gem install compass

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

命令行输入:compass -v  查看compass是否安装成功

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

安装的过程中遇到了很多问题,百度搜索了很多都没能解决,最后是看了“会飞的鱼lala”才得以安装成功,感谢博主!

附上链接:http://www.cnblogs.com/flyings/p/5355872.html

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前名称:Sass学习笔记--在Windows系统中安装Sass和Compass-创新互联
转载源于:http://kswsj.cn/article/dehscc.html

其他资讯