好!欢迎访问迷津渡口 现在时间是: 天气 °C ~ °C

迷津渡口

越感到迷惑 越接近真理

sass安装和使用

sass可算是css界的编程语言,学习熟练使用对前端开发有事半功倍之效~

安装

依赖ruby,安装完成后安装sass:

sudo apt-get install ruby
sudo gem install sass

使用

文件后缀.scss,使用sass命令转化,如test.scss

// 直接输出不保存
sass test.scss
// 保存成test.css文件
sass test.scss test.css

四种编译风格:

nested:默认,嵌套缩进的css代码 
expanded:未缩进,展开的css代码
compact:简洁格式的css代码
compressed:压缩后的css代码

使用方法,以常用的compressed为例:

sass --style compressed test.scss test.css

自动化监视--watch选项,文件修改自动编译:

// 监控文件input.scss,修改后自动编译成output.css
sass --watch input.scss:output.css
// 监控文件夹app/sass,修改后将里面的文件编译到public/stylesheets文件夹
sass --watch app/sass:public/stylesheets

完整命令手册查看:

sass --help
点赞0
   支持一下
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
 点赞
 签到
 表情
 图片
 代码
提交评论

清空信息
关闭评论
顶部留言底部
 00:00/00:00
我想和你虚度时光 - 花房姑娘(9)
  1. 我想和你虚度时光
  2. 花房姑娘
  3. 恋恋风尘
  4. 我喜爱一切不彻底的事物
  5. 我的心里是满的
  6. Long Way
  7. 给少年的歌
  8. 晴日共剪窗
  9. 天上的月你的脸