一般情况下mac 自带ruby,sass是基于ruby实现的操作
查看是否ruby存在
ruby -v // 出现当前ruby的版本
// 如果没有出现版本号,可以使用brewhome安装 ruby
brew install ruby // 安装ruby
配置镜像
下方镜像链接我用了\ \来表示/ / ,实际操作中记得修改
gem -v // 查看gem版本号, ruby安装后就可以使用这个命令了
gem sources --remove https:\\rubygems.org/ // 删除原来的镜像
gem sources --add https:\\/gems.ruby-china.com/ // 添加新的镜像
gem sources -l // 可以查看当前的镜像
安装sass(敲重点)
gem install sass // sass安装完成
sass -v // bash: sass: command not found 出现了本文的重点
// 个人的解决方法是
sudo gem install -n /usr/local/bin sass // 成功安装sass
sass -v // Ruby Sass 3.7.4 已成功显示出版本号
gem update sass // sass更新
gem uninstall sass // sass卸载
sass的使用
sass --watch comp.scss:comp.css --style nested --sourcemap // 编译sass
sass --watch fileName // fileName 文件名 (实时编译整个文件下的所有sass文件)
sass --update fileName // fileName 文件名 (立即编译整个文件下的所有sass文件)
sass 开发遇到的问题(编译后带.scas-cache解决方法)在原来的基础上添加--no-cache
sass --watch comp.scss:comp.css --style nested --sourcemap --no-cache// 编译sass
sass --watch fileName --no-cache// fileName 文件名 (实时编译整个文件下的所有sass文件)
sass --update fileName --no-cache // fileName 文件名 (立即编译整个文件下的所有sass文件)
参考文档
sass
sass安装(Mac)
觉得实用请点赞哦👍👍👍
网友评论