Sass 搭建环境

1. 安装rubyinstaller

  https://rubyinstaller.org/

    安装完成之后 在控制台输入 gem 命令检查是否成功

2.建立项目目录

    compass create  <项目文件夹名称>        命令使用当前目录创建项目   <创建项目文件夹>

3.编译

    编译sass : sass <sass file> <css file>  或者   compass compile

    监视Sass文件 : sass --watch <sass file> : <css file>

    监视文件夹 : ass --watch <sass folder> : <css floder>   或者   compass watch

*compass watch 只监视改变的文件  如果想全部文件重新编译 : compass watch --force

4.输出风格

    compass watch --output_style <nestd / xpanded / compact / compresed>

    nested   

    expanded

    compact   每个选择器一行显示

    compressed

    compass watch --output_style nested --environment production   去掉注释

   /*!  这是重要注释   */  压缩也会显示出来  -> 前面加一个感叹号


如果是中文注释

在你的安装路径里 我的是 C:\Ruby24-x64\lib\ruby\gems\2.4.0\gems\sass-3.4.25\lib\sass

module Sass下面写上

Encoding.default_external = Encoding.find('utf-8)


注意了   项目目录不要有中文地址哦,不然会报错 

    

    

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • [toc] 前言 本文所有的演示都是基于Win10操作系统。 关于Sass 1.定义 Sass的学名叫“CSS预处...
    崔小叨阅读 18,364评论 0 78
  • 一、Sass安装(windows版) 1.在 Windows 平台下安装 Ruby 需要先有 Ruby 安装包,可...
    July_EF阅读 4,030评论 0 0
  • 安装运行 1.下载ruby并安装 2.安装之后打开命令行执行gem命令,检查是否已经安装好 安装完ruby之后,在...
    wshining阅读 4,026评论 0 1
  • 说明:1.文章根据慕课网的《Sass和Compass必备技能之Sass篇》整理而成,有兴趣的同学可以点击传送门去慕...
    luichooy阅读 9,303评论 3 1
  • 记住该记住的, 忘记该忘记的。 改变能改变的, 接受不能改变的。 陌上花开 2016.12.26
    玫瑰花的梦阅读 1,612评论 5 4