,如果是淘宝的,则表示可以输入 sass 安装命令 gem install sass 了. gem sources --remove https://rubygems.org/ gem sources...=3.3.0 卸载sass,命令行为 gem uninstall sass 查看sass版本的命令行为 sass -v 查看ruby安装的所有程序包,命令语句为 gem list 。...嵌套(Nesting) sass 的嵌套包括两种:一种是选择器的嵌套;另一种是属性的嵌套。...选择器嵌套 所谓选择器嵌套指的是在一个选择器中嵌套另一个选择器来实现继承,从而增强了 sass 文件的结构性和可读性。...跳出嵌套,我们为什么要用 @at-root 来实现呢?我们完全可以在写样式的时候,不使用嵌套的写法。
Ruby的bin文件夹到PATH用户变量和系统变量以使用 gem 命令工作。)...3)安装Ruby完毕后,win+r--cmd--enter 打开命令框,输入gem install sass,安装sass 4)不成功多试几次,安装成功即可使用sass了。...,sass可以将css中的包含选择器写成嵌套形式 3.1) 标签嵌套 css: div h2{ color:red; } 写成sass: div{ h2{ color:red; }...} 3.2)属性嵌套(如border-color拆开成嵌套格式:如下)注意border后有冒号(想象成将-改成了:) div{ border:{ color:red; } } 3.3)...darken(#f00,20%) grayscale(#f00,20%) complete(#f00) 六、高级语法 1)插入文件,用@import命令 @import +路径 2)条件语句,@if和@
专注前端与算法的系列干货分享,转载请声明原创: 「微信公众号:心谭博客」| xxoo521.com | GitHub SCSS和Sass Sass 和 SCSS 其实是同一种东西,我们平时都称之为...不同之处: 文件拓展名:分别是sass和scss 缩进:sass严格缩进(类似 python 和 ruby),scss是 css 的缩进样式 是否兼容 css 语法:显然,由于缩进的不同,scss是兼容原生的...环境配置 安装 ruby:windows 注意添加注册表路径 安装 sass:利用 ruby 的包管理器gem安装,命令行运行:gem install sass 升级和删除 sass:gem update...gem sources --remove https://rubygems.org/ gem sources -a https://ruby.taobao.org/ gem sources -l #查看是不是淘宝源...一段 scss 代码: body { h1 { color: red; } } 默认:嵌套输出方式 nested body h1 { color: red; }
/downloads 安装sass:gem install sass 或者安装compass(含sass): gem install compass 取版本:sass -v 更新:gem update...sass 卸载:gem uninstall sass 编译 命令: // 冒号前面是scss路径,后面需要生成的css路径 sass ---wath style\scss\:style\css\--style...,最大压缩 API 变量的声明和调用 $color: #333; $btn-bg: #ccc; $btn-bg: #e5e5e5 !...display: block; } &.open a { display: inline-block; } } } ‘&’可以前面或者后面 + 选择器 复合属性的嵌套...’ : ‘拼接 混合宏 分别有不带参数,带参数和复杂的混合宏: @mixin border-radius{ -webkit-border-radius: 5px; border-radius
#f00; } 常见的CSS拓展语言有:Sass,Less 和 Stylus。...Sass是什么 Sass是世界上最成熟,稳定强大的专业的CSS拓展语言。 Sass 和所有版本的CSS完全兼容,有丰富的特性,成熟的核心团队,庞大的社区和非常多的基于Sass的框架。...所以你会遇到 gem安装资源没反应,使用Taobao的RubyGem镜像可以解决这个问题。...使用方式如下 $ gem sources --remove https://rubygems.org/ $ gem sources -a https://ruby.taobao.org/ $ gem sources...如加浏览器前缀的Mixin,去浮动的Mixin等。 功能一样的放在一起 嵌套,插入文件的功能可以放在一起。
比如 E:\Ruby22-x64\bin 配置到系统环境变量 path中 cmd命令行执行 ruby -v 正确则安装配置正确 接下来是使用gem给我们装上sass 一般的做法是直接 gem install...一般来说,淘宝团队都提供了很多镜像,去看看~ 使用简单的命令,切换源就行 gem sources --remove https://rubygems.org/ gem sources -a https:...二、SASS用法: 如上例test.scss文件,我可以定义编译后css代码的风格。 * nested:嵌套缩进的css代码,它是默认值。 ...sass可以进行选择器的嵌套,表示层级关系,看起来很优雅整齐。...如果列表只有一个列表项时,那么插入进来的值将和原来的值会以空格的方式分隔。
SASS是一种CSS预处理器提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。...安装SASS SASS需要ruby支持,还需要gem,gem是ruby的包管理工具,ruby 1.9.1是自带gem的,如果是用1.8版本的话,需要另外安装。...SASS一般会和Compass一起使用,这个也可以用gem来安装。...SASS和刚才的config.rb放在同一层目录,命令行运行compass compile即可。.... ---- 嵌套 在CSS文件中,经常会书写一些开头相同的选择器。例如: /* line 9, ..
最初它是为了配合 HAML(一种缩进式 HTML 预编译器)而设计的,因此有着和 HTML 一样的缩进式风格。 Sass 和 SCSS 有什么区别?...1、文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名 2、语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(;...1、通过命令安装 Sass 打开电脑的命令终端,输入下面的命令: gem install sass sass -v //查看版本是否安装成功 gem update sass//更新到最新的sass...版本 gem uninstall sass//卸载sass(不要点) ws配置路径:program:C:\Ruby23-x64\bin\sass.bat mixin @mixin alert($color...red, background:blue ); .div{ background: map-get($maps,background); } @at-root .con{ //跳出嵌套
简单的说就是CSS的升级版。可以自定义变量,可以有if语句,还可以嵌套等等,厉害了!那么就让我们介绍一下这个神奇的SASS吧!...如果您已经安装了 Ruby,则在命令行中输入以下命令: gem install sass 然后,就可以使用了。 2.2、 使用 SASS 文件是可以直接使用 CSS 语法的普通文本文件。...sass test.scss test.css SASS 提供了四种编译风格选项: nested:嵌套缩进的css代码,它是默认值。 扩展:未缩进、扩展的 css 代码。...在嵌套的代码块中,您可以使用 $ 来引用父元素。...div { @Include left; } mixin 的强大之处在于您可以指定参数和默认值。
前言 虽然tmux能让我们方便组织工作环境,但每次重新打开会话时都需要手动重新创建窗口、窗格和执行各种程序,能不能像VS那样以工程为单位保存窗口、窗格和各种所需执行的程序的信息呢?...安装与配置 安装gem $ sudo apt install gem $ gem sources --remove https://rubygems.org --add http://gems.ruby-china.org.../ 确保gem的源有且仅有http://gems.ruby-china.org/ $ gem sources -l 安装Tmuxinator $ gem install tmuxinator 配置别名...mux和tmuxinator子命令智能补全 自动根据使用的shell(bash,zsh,fish)下载配置脚本,并启用配置。...根据项目配置启动tmux会话),mux 或mux s 示例: $ mux demo 然后tmuxinator就会创建一个tmux会话,并根据刚才编辑的配置文件创建窗口和窗格
该工具可以在单一命令行或交互式模式下运行,交互式模式使用了pry gem,并可提供类似Rubyists或其他REPL用户的交互式接口。...下载地址 【mac-wifi】【阅读原文】 依赖组件 目前,本项目只需要使用下列两个gem: pry:提供交互式Shell awesome_print(可选):在非交互模式下提供更优化的输出结果 工具使用...更好的输出结果 如果你想在非交互模式下获取更形式化的输出结果(使用info命令),你需要安装awesome_print gem,否则你只能使用“pp”命令了(效果不够好)。...因此我建议大家安装awesome_print,安装命令如下: gem install awesome_print 查看底层操作系统命令和输出 如果你想查看macOS命令以及相应的输出,你可以设置环境变量...操作命令如下: gem install pry gem install pry-byebug 使用样例 单一命令行调用 交互式Shell命令 许可证协议 本开源项目遵循 MIT 许可证
但是和WordPress又有很大的不同,原因是jekyll只是一个生成静态网页的工具,不需要数据库支持。但是可以配合第三方服务,例如Disqus。...单击安装和Ruby将在几秒钟内安装。...SOURCES *** https://gems.ruby-china.org Jekyll 本身是一个Ruby Gem的形式,它是一个易于安装的软件包。...要安装Jekyll及其所有默认依赖项,请启动您习惯的命令行工具并输入以下命令 install bundler gem install bundler install jekyll...gem install jekyll 以上安装成功,本地就可以快速搭建一个jekyll博客了 jekyll new myblog 进入上面新建的博客目录,并且启动博客服务
,在开发过程中,需要将应用进行容器化配置和部署,经历了比较典型的 Ruby 老版本软件升级,过程中遇到了不少问题。...一般的 Web 应用封装都会经历下下几个阶段,整合源代码,安装应用依赖和环境,进行程序/产物的编译,调整权限和目录结构,进行测试,完成后对镜像打标签进行版本管理。 这次的踩坑记录亦是如此。...这句命令和当前应用依赖配置中声明的 gem "puma", "~> 4.3.3" 冲突了。 将容器配置中的命令修改为 ~> 4.3.3 ,开始下一次尝试。...,以及他们潜在的莫名其妙的问题,和一堆已知的安全风险。...第八回合:探究迷一样的 Bundler 经典报错 新出现的问题是个经典问题,程序报错形式如下: /usr/local/lib/ruby/2.7.0/rubygems.rb:275:in `find_spec_for_exe
GitStats就是这样的工具,它能生成以下统计数据,并以图表形式进行对比 常规的统计:文件总数,行数,提交量,作者数。...活跃性:每天中每小时的、每周中每天的、每周中每小时的、每年中每月的、每年的提交量。 作者数:列举所有的作者(提交数,第一次提交日期,最近一次的提交日期),并按月和年来划分。.../ssc.sh install ruby-2.4 source /etc/profile 2.验证安装 ruby -v 3.添加ruby国内阿里云仓库来提高访问速度,并删除国外访问的仓库 gem sources...-l gem sources -a https://mirrors.aliyun.com/rubygems/ --remove https://rubygems.org/ gem sources -l...三.配置git_stats 1.安装 gem install git_stats 2.安装locate yum install mlocate -y updatedb 3.添加git_stats中文支持
executables to your PATH Associate .rb and rbw files with this Ruby information 安装完,打开命令行 输入 gem...image.png 2.SCSS 和 Sass 的区别。 ... } /* 编译后 */ article a{color:blue} article a:hover {color: red} 群组选择器的嵌套...a:hover {color:red;} a:visited { color: green;} sass 允许通过语法 $name:value 的形式指定每个参数的值,这种形式, ...参数默认值使用: $name: default-value 的生命形式。
,在开发过程中,需要将应用进行容器化配置和部署,经历了比较典型的 Ruby 老版本软件升级,过程中遇到了不少问题。...一般的 Web 应用封装都会经历下下几个阶段,整合源代码,安装应用依赖和环境,进行程序/产物的编译,调整权限和目录结构,进行测试,完成后对镜像打标签进行版本管理。 这次的踩坑记录亦是如此。...这句命令和当前应用依赖配置中声明的 gem"puma","~> 4.3.3" 冲突了。 将容器配置中的命令修改为 ~>4.3.3 ,开始下一次尝试。...,以及他们潜在的莫名其妙的问题,和一堆已知的安全风险。...第八回合:探究迷一样的 Bundler 经典报错 新出现的问题是个经典问题,程序报错形式如下: /usr/local/lib/ruby/2.7.0/rubygems.rb:275:in `find_spec_for_exe
Redmine 概述 Redmine 是用 Ruby 开发的基于 web 的项目管理软件,是用 ROR 框架开发的一套跨平台项目管理系统,支持多种数据库,有不少自己独特的功能,例如提供 wiki、新闻台等...还可以集成其他版本管理系统和 BUG 跟踪系统;例如 SVN、CVS、TD 等。...这种 Web 形式的项目管理系统通过项目(Project)的形式把成员、任务(问题)、文档、讨论以及各种形式的资源组织在一起,项目成员参与更新任务、文档等内容来推动项目。...安装 Redmine 安装的 Redmine 的版本一定要跟 railsinstaller 的 Ruby对应,具体对应关系参考: https://www.redmine.org/projects/redmine...gem install bundler 安装 bundler 可能遇到如下错误 C:\Sites>gem install bundler ERROR: Could not find a valid gem
这其实也算得一件好事,之前支持 Rediscount、Redcarpet 和 kramdown 等多种引擎,而它们相互之间和与标准 Markdown 之间又有一些细微却也无法忽视的差异,这让需要在多个平台使用...Markdown 的我头疼不已,早就希望 GitHub Pages 能与 GitHub 的 Issues 和 comments 等地方统一语法,本次更新虽然做不到这一点,但也算是迈出了不小的一步。...列表项里嵌套的代码块 嵌套在列表项中的代码块在 Redcarpet 中使用 Tab 进行缩进即可,而在 kramdown 中需要根据列表项的内容开始位置决定缩进的字符数。...update 2016/03/29: pages-gem 当前使用的 1.10.0 版本的 kramdown 已经包含了主分支对此的修复,已经可以愉快地使用 ~~hello world~~ 来表示 hello...READ\|WRITE\|SHARE 相关讨论见:gettalong/kramdown#151 高亮的语言名称 使用 Redcarpet + pygments 的组合时,cpp、C++ 和 c++ 都能对
它允许你使用变量、嵌套规则、 mixins、导入等众多功能, 并且完全兼容 CSS 语法。...我们开始本篇的东西 准备 首先安装 Sass , 这是一个 ruby 的工具, 使用 gem 可以快速安装....Bash $ gem install sass 安装完毕后, 通过查看 sass 版本来检查是否安装成功....中的 object 和 python 中的 dict ....sk-yellow: ( bg : #f7de1c, color : #333 ) ); 可以看到我们定义了六个主题, 每个主题我们都选择了一个背景颜色(bg)和适配于背景颜色的文字颜色
压缩和剥离的SQL Brakeman现在将检查squish或的字符串目标strip。...校验和 此版本的SHA256总和为: 339d6f3707a2c0a32003536a231255b839a0b87bd6a7ebef3c82aedd1bdd3ac8 brakeman-4.7.2.gem...默认报告格式排序 由于Jacob Evelyn的帮助,默认文本报告中的警告现在按文件和行号以及可信度和类别进行排序。...Stabby Lambdas ruby_parser3.14.0更改了Lambda的AST表示形式->{},而Brakeman需要进行调整。...校验和 此版本的SHA256总和为: cdc6f4c86b5b35b5e94798cf443909385aa1b79235da8e1ee1fd4381acf03691 brakeman-4.7.1.gem
领取专属 10元无门槛券
手把手带您无忧上云