sass开发过程中遇到的几个坑

时间：2021-03-19 09:46:30

1.安装sass被墙的问题

安装完`ruby`后，打开`ruby cmd` 输入`gem install sass`,安装失败，有可能是镜像源的问题，也有可能是墙的问题。
因为公司内网的奇葩限制，各种墙，非常的不爽。
  • 可以先参考sass-install 安装淘宝镜像
  • 镜像源被墙，安装失败的话，只能使用代理安装了。比较麻烦，可以详细参考以下步骤：
  • 将cacert.pem文件放到C:\RubyCertificates目录下，没有就新建

  • 接着添加系统环境变量SSL_CERT_FILE C:/RubyCertificates/cacert.pem,并重启。
    参考图片

    sass开发过程中遇到的几个坑

  • 移除原生gem镜像
    gem sources --remove https://rubygems.org/
  • 添加淘宝gem镜像
    gem sources --add https://ruby.taobao.org/ --http-proxy http://代理地址/

  • 安装sass
    gem install sass --http-proxy http://代理地址/

最后安装成功了，参见图片

sass开发过程中遇到的几个坑

2.sass中文注释报错

  • 打开C:\Ruby22-x64\lib\ruby\gems\2.2.0\gems\sass-3.4.22\lib\sass\engine.rb文件
  • 在文件下添加一行Encoding.default_external = Encoding.find('utf-8')

3.'&: 伪元素'不要加空格，编译报错，&:before 一定不要加空格，一定注意不要加空格，一定注意编辑器格式化是有无加空格

4.在ruby cmd中 敲击 sass –i 可以开启sass的函数计算
如darken(white,70%) 输出4d4d4d

5.四则运算的符号前后一定要有空格1px + 1px + 1px

update 2017-03-15

6.安装node-sass时 要先在cmd中敲一行set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ 更改路径，否则报错
以上，遇到了再更

标签：

相关文章