sass菜鸟教程

1、安装sass

在安装sass前需要安装ruby，下载ruby时要注意自己电脑是32位还是64位，下载好正常安装，但注意一下：要勾选下图这一项，添加环境变量（安装过JDK的朋友应该知道环境变量）

下一步、下一步。。。安装完成后，开始菜单点击：

输入命令：gem install sass 。我猜你会看到安装失败的提醒：

因为默认的sass下载地址https://rubygems.org/被墙了，所以无法连接安装，ping了一下可看到：

可我“翻”了一下“墙”，发现还是不能成功安装，只好作罢，换一个下载地址，淘宝的：https://ruby.taobao.org/ 。 ping一下正常：

接下来要做的就是添加国产淘宝的地址，并把默认被墙掉的地址删除，输入命令： gem sources -a https://ruby.taobao.org/添加淘宝地址：

提示信息有added to sources表示添加成功，可运行命令：gem sources 查看现有的下载地址：

现有两个，一个是默认的，一个是刚添加的淘宝的，必须要把默认的删掉才能安装，运行命令删除默认：gem sources -r https://rubygems.org/  提示removed from sources 说明删除成功。

确保只有一个淘宝的地址，才能成功安装sass：

好，这时可以放心的运行 gem install sass 来安装了：

Perfect！

2.把scss文件编译为css文件

先新建一个.scss文件吧，代码：（虽然sass代码刚写起来生硬，但相信代码还是能看懂啥意思的）

.box { background: #eee; border: 2px solid #ccc; .heading {  font-size: 14px; }}.box2 { @extend .box; padding: 10px;}

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：sass菜鸟教程

关键词：