mac解决sass出现 bash: sass: command

一般情况下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）
觉得实用请点赞哦👍👍👍