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
支持一下