sass開發過程當中遇到的幾個坑

1.安裝sass被牆的問題html

安裝完`ruby`後,打開`ruby cmd` 輸入`gem install sass`,安裝失敗,有多是鏡像源的問題,也有多是牆的問題。
由於公司內網的奇葩限制,各類牆,很是的不爽。
  • 能夠先參考sass-install 安裝淘寶鏡像
  • 鏡像源被牆,安裝失敗的話,只能使用代理安裝了。比較麻煩,能夠詳細參考如下步驟:
  • cacert.pem文件放到C:\RubyCertificates目錄下,沒有就新建
  • 接着添加系統環境變量SSL_CERT_FILE C:/RubyCertificates/cacert.pem,並重啓。
    參考圖片node

  • 移除原生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://代理地址/npm

最後安裝成功了,參見圖片sass

2.sass中文註釋報錯ruby

  • 打開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%) 輸出4d4d4dide

5.四則運算的符號先後必定要有空格1px + 1px + 1px函數

update 2017-03-15ui

6.安裝node-sass時 要先在cmd中敲一行set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ 更改路徑,不然報錯
以上,遇到了再更代理

相關文章
相關標籤/搜索