SASS学习系列之(一)--------- SASS,SCSS环境搭建(Ruby)
来源:互联网 发布:mac口红哪个适合秋冬 编辑:程序博客网 时间:2024/05/24 05:28
1. 下载RubyInstaller
window下载RubyInstaller: http://rubyinstaller.org/downloads/
根据自己机型,下载对应的安装包。
2. 安装RubyInstaller
选择你的安装路径(等哈要用), 记得勾选把Ruby加到你的PATH。
其他没什么注意的····
3. 安装
1.) 找到之前安装路径,点击ruby.exe (最后文件是自己测试的)
2.) 淘宝RubyGems镜像安装 sass
输入命令:
第一步
- 移除源
gem sources --remove https://rubygems.org/
第二步
- 更换源(截图提示不支持https,)
gem sources -a https://ruby.taobao.org/
第三步
: 不支持https,,否则跳过 gem sources -a http://gems.ruby-china.org
第四步
: 显示源列表 gem sources -l 请确保只有 ruby.taobao.org
第五步
: 安装sass $ gem install sass
提示安装完成就可以编译sass文件了
第六步
: 切换路径至你的Ruby路径(不是必须项,),
第七步
: 新建一个test.scss文件(注意后缀)
`#main p {
color: #00ff00;
width: 97%;
.redbox {
background-color: #ff0000;
color: #000000;
}
}
` 保存
第八步
: 输入: sass test.scss test.css 第二个是要编译的scss文件, 第三个是生成的文件 (中途没有路径显示,只有一个小光标在闪时,那是正在编译,不要终止! )
第九步
: 进你的目录看下结果···
到此就基本结束了。
编译后的文件(没格式化下。。)
大概流程汇总
http://sass.bootcss.com/
安装的参考地址: https://www.w3cplus.com/sassguide/install.html
阮一峰的sass入门blog: http://www.ruanyifeng.com/blog/2012/06/sass.html
- SASS学习系列之(一)--------- SASS,SCSS环境搭建(Ruby)
- SASS学习系列之(二)--------- SASS,SCSS环境搭建(node-sass)
- SASS学习系列之三--------- node-sass 自动编译scss 文件
- sass/scss学习笔记
- Sass/Scss学习
- webStorm 之sass/scss
- sass环境搭建以及webstorm中的scss配置
- SASS(SCSS)开发环境搭建(webstorm做编辑器)
- windows下搭建Ruby+Sass环境
- windows下搭建Ruby+Sass环境
- Scss,Sass之@if,@for
- sass之ruby安装
- 学习sass之安装sass
- sass学习之安装sass
- sass/scss在Hbuilder中的环境配置
- Sass环境搭建
- 10天精通Sass 之 环境搭建
- 前端之Sass/Scss实战笔记
- 在项目中使用gulp压缩css和js
- Java面试题全集(中)
- GetExitCodeThread
- 工业界怎样评估一个问题是否适合用NLP解决
- CSS3 常用选择器
- SASS学习系列之(一)--------- SASS,SCSS环境搭建(Ruby)
- RecyclerView之多层嵌套
- 三次样条插值原理
- java连接Oracle详解
- appium===Python+Appium环境部署教程
- nginx安装与配置
- Luogu 1074(DFS)(NOIP 2009)
- Percona XtraBackup 安装介绍篇
- SCXML和QScxml使用总结