这是之前整理在word上的基础流程
sass是Ruby语言开发的一个用于动态编程css文件的框架 所以sass的运行依赖Ruby环境
所以要先安装Ruby,步骤如下:
直接进入http://rubyinstaller.org/downloads下载适合你的ruby版本
Ruby 安装文件下载好后,可以按应用软件安装步骤进行安装 Ruby。在安装过程中,个人建议将其安装在 C 盘下,在安装过程中选择第二个选项(不选中,就会出现编译时找不到Ruby环境的情况),如下图所示:
当你的电脑中安装好 Ruby 之后,接下来就可以安装 Sass 了。同样的在windows下安装 Sass 有多种方法。但这几种方法都是非常的简单,只需要在你的命令终端输入一行命令即可。
打开电脑的命令终端,输入下面的命令:
gem install sass
安装好后就按照下面的顺序一步一步进行
在d盘或者其他的盘新建一个名为sass(文件名随意取)的文件夹 这里在d盘下的js1下创建了一个名为sass的文件夹
文件夹创建好后就在这个文件夹里创建一个页面(index.html就是你接下来要内容的页面)和一个接下来要写sass的页面(sass.scss)
然后开始在命令终端输入命令
第一步:先是进入你所创建的那个文件夹
1、进入盘符(敲入d:)
2、进入盘符里面创建的文件夹(cd js1/sass)
第二步:就是敲监听变化和转化的命令
敲完这个以后文件夹里面就会自动多出一些文件
然后就可以在编译器里面编写代码了
在index.html里面写内容
然后在sass.scss里面编写样式(根据sass的语法编写)
在sass.scss里面编译的代码样式可以在sass.css里面看见
这样简单的sass编程就完成了,接下来就是去学习sass语法了。