二次元同好交流新大陆
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'sass ruby gem安装 非淘宝镜像',
blogAbstract:'sass rubygem 淘宝有时候安装失败 然后搜寻到了山东理工大学的镜像 亲测可以安装成功$ gem sources --remove https://rubygems.org/\n$ gem sources -a http://ruby.sdutlinux.org/\n$ gem sources -l\n*** CURRENT SOURCES ***\n\nhttp://ruby.sdutlinux.org\n# 请确保只有 ruby.sdutlinux.org\n',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:9,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}用淘宝rubyGems镜像安装sass的一个问题
如上图，当我输入gem sources -1时提示错误，输入gem sources 0就出现如教程的提示，然后我不管它，继续输入gem install sass ,就出现第三个图的情形。虽然安装成功了，还是不知道第一张图的错误原因。(我的是win7 32bit ,ruby -v2.2.4）
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2PHPStorm 安装 SASS、SCSS + Compass
许久没更新博客啦，这两天研究了下 SASS 和 LESS ，最终选了 SASS，因为相对比较成熟些吧，试了很多坑之后，终于成功了，下面上步骤：
1. 安装 Storm 的 SASS 插件
好像是自带了该插件的，如果没有的话，就打开 setting -& plugins 自己安装一个吧，就不多说了
2. 安装 Ruby
我用的是 windows 版最新的 2.2.1 版本
配置好系统环境，将ruby 的bin目录绝对路径添加到 path 环境变量中，windows版安装的时候可以勾选自动添加
3. 安装 SASS 和 Compass
因为天艹局域网的关系，你可能需要重新设置下更新源地址：
命令行下执行：
gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/
下面执行安装啦：
gem install sass
gem install compass
4. 新建 Compass + SASS 项目
创建一个项目根目录，cd 进入后，执行：
compass create your_project_name
会生成三个文件夹和一个 config.rb 文件
在 sass 目录下存放我们自己的样式代码，编译后会自动生成到 stylesheets 目录下，当然你也可以自定义生成地址
5. 配置 Compass 编译环境
打开 setting -& Language & Framework 下面有个 Compass
勾选 Enable 后 设置你自己安装的 ruby comopass.bat 路径 和 当前项目的 config.rb 文件路径
6. 配置 SASS 环境
打开 setting -& Tools -& FileWatchers
点击右侧绿色的加号 添加一个 compass scss 项目，配置如下
应该使用默认的配置就可以的了。
working directory 就是你 刚才用 compass create 的项目目录（我这里只是文件夹名字是 less 不要误解了啊）
7. 开始写代码了
@import compass/
$fc: #FFF;
body { background-color: #555; }
font-size: $
padding: 1
background-color: #888;
width: 49%;
min-height: 3
padding: 1
margin: 1.5%;
border: solid 1px $
box-sizing: border-
background-color: #999;
@include box-shadow(1px 2px 3px #000);
一个简单的测试代码，每次更改后，会自动编译，但不会自动生成 css 文件的，你可以在命令行下进行生成
命令如下：
compass compile
或者强制编译更新
compass compile --force
然后你再看看 stylesheets 下面就多出一个对应名称的 css 文件
这个代码会有很大一堆我就不上代码了，包含了 reset 的样式和你自己的样式 还有注释都保留了的，因为这是开发环境，
如果是正式环境，需要进行压缩
下面来改下配置，进入正式环境，将生成的代码压缩成一行
打开项目根目录下的 config.rb 文件
添加两行代码：
environment = :development
output_style = (environment == :production) ? :compressed : :expanded
当 environment 为 :production 时生成的 css 文件将会是压缩成一行的样子了。
好了 全部完成，现在开始快速开发你自己的 css 吧
如果你只需要用 S 的话，在第6步你可以新建 SCSS 配置，下面是配置截图
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'sass、less和stylus的安装使用和入门实践-前端开发博客
15,415Views
11,499Views
10,106Views
7,028Views
4,406Views
3,424Views&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！}