美文网首页日常开发小难题
mac解决sass出现 bash: sass: command

mac解决sass出现 bash: sass: command

作者: 成神之路_be73 | 来源:发表于2020-03-19 11:09 被阅读0次

    一般情况下mac 自带ruby,sass是基于ruby实现的操作

    查看是否ruby存在
       ruby -v  //   出现当前ruby的版本
       // 如果没有出现版本号,可以使用brewhome安装 ruby
       brew install ruby   // 安装ruby
    
    配置镜像

    \color{red}{*} 下方镜像链接我用了\ \来表示/ / ,实际操作中记得修改

      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)
    觉得实用请点赞哦👍👍👍

    相关文章

      网友评论

        本文标题:mac解决sass出现 bash: sass: command

        本文链接:https://www.haomeiwen.com/subject/kxukyhtx.html