最近不是一直在琢磨着自己搭个网站玩玩嘛之前一直听人家说Sass建站挺方便的，我就想着试试水。

我是两眼一抹黑，啥也不懂。Sass是能吃吗？后来一查才知道，，原来是一种CSS预处理器，能让写CSS更方便，还能用变量、嵌套、混合啥的，听着就挺高级。

摸索阶段

第一步，当然是安装。我记得我当时用的是那个什么*的包管理器，叫npm还是啥来着，反正就一行命令的事儿：

• npm install -g sass

就这么简单，Sass就装到我电脑里。

然后，我就开始琢磨着怎么用。我记得我先是建个文件夹，在里面新建一个.scss文件，然后开始照着网上的教程写起样式。

一开始写得那叫一个磕磕绊绊，啥也不会，就只会写点简单的颜色、字体大小啥的。不过慢慢地，我发现Sass的嵌套功能真香！以前写CSS，要写一堆选择器，烦都烦死，现在用Sass，直接嵌套着写，结构清晰多，看着也舒服。

比如以前我要写个导航栏的样式，可能得这么写：

• #nav { ... }
• #nav ul { ... }
• #nav ul li { ... }
• #nav ul li a { ... }

现在用Sass，我就可以这么写：

scss

#nav {

ul {

li {

a {

是不是看着就清爽多？

渐入佳境

后来我又学会用Sass的变量。这个功能也挺实用的，比如说我网站的主题色是蓝色，我就可以定义一个变量：

scss

$primary-color: blue;

然后，在需要用到这个颜色的地方，直接用$primary-color就行，以后我要是想换个主题色，直接改这个变量的值就行，不用一个个地方去改，省事儿多。

再后来我还学会用Sass的混合（Mixin）和继承（Extend）。这两个功能就更高级，能把一些常用的样式代码块封装起来，然后在需要的地方调用，大大减少代码量，也让代码更易于维护。

编译输出

Sass代码写完，还得编译成CSS才能用。我记得我当时用的是Sass的命令行工具，直接在命令行里输入：

• sass * *

就把我写的Sass代码编译成CSS文件。后来我还学会用Sass的--watch参数，这样我一边写Sass代码，一边就能自动编译成CSS，方便多。

最终实现

就这么着，我一边学一边实践，慢慢地就把网站的样式给搞定。虽然现在网站还很简单，但看着自己用Sass一点点搭起来的网站，心里还是挺有成就感的。

Sass建站确实挺方便的，特别是对于像我这种刚入门的小白来说，上手也比较容易。不过Sass也只是一个工具，要想建好一个网站，还得学很多其他的知识，比如HTML、JavaScript等等。路漫漫其修远兮，吾将上下而求索！