sass 安装

转自前端网 https://www.qdfuns.com/article/39653/4936f4556b9ef93ebd669b45f2a12ff7.html

#第一步:.##进入ruby官网进行下载ruby配置环境https://rubyinstaller.org/downloads/),根据你的电脑选择不同的下载版本[/color]

手把手教配置sass环境

第二步:.##进行ruby安装,默认,点击安装
##之后自动进入cmd,默认按下Enter键,自动安装,只需要等待数十分钟。

手把手教配置sass环境

第三步:打开cmd 输入 ruby -v 显示ruby版本 代表安装成功

手把手教配置sass环境

第四步:分别输入 gem install sass 和gem install compass进行下载

什么是compass 其实是就是jQuery对应javascript compass对应sass 一样 更好的去管理sass

手把手教配置sass环境

手把手教配置sass环境

下载完毕就可以使用sass 开不开心


第五步:怎么使用 (打开submile 如果想要有sass和scss高亮 自行下载submile插件)
打开cmd ,可以在建立的文件夹 点击shift和鼠标左键打开cmd 或者直接点击文件路径输入cmd##

手把手教配置sass环境

第六步:输入 compass create

手把手教配置sass环境

就自动创建了以下文件夹

手把手教配置sass环境

第七步:输入 commpass watch 这个是编辑 scss或者sass的时候自动更新css文件。

手把手教配置sass环境

第八步:我使用 scss格式进行编辑,因为它能写常规的css 更直观 所以需要把sass下的文件都删除

手把手教配置sass环境

然后在sass文件夹下建立scss文件 保存 然后就会在stylesheets文件夹下吗生成新css

手把手教配置sass环境

第九。在scss里面 有 // 和//二种注释
// 是在scss里面的注释 不会再css里面显示
而//会在css里面显示
如果要使用中文注释,可以去修改compas路径下的sass配置
也可以在scss开始加上 @charset "utf-8";

手把手教配置sass环境

手把手教配置sass环境

posted @ 2018-04-10 14:24  techerZHOU  阅读(168)  评论(0编辑  收藏  举报