idea sass scss配置


1.安裝Ruby

  win  直接http://rj.baidu.com/soft/detail/22711.html?ald

 

  mac linux 

  https://ruby.taobao.org/ 可下載

  。。ruby -v 看Ruby版本

如果是win7的話要 重啟下  path 環境變量改了但是還沒有系統還沒變掉   所以gem -v 無效

 

 

2.通過Ruby安裝Sass

  淘寶的鏡像不維護了

  https://ruby.taobao.org/

  本站將不在繼續維護,本站的維護者已經或即將參與到 Ruby China 鏡像 的維護工作中,目前已將安裝請求重定向到 Ruby China 鏡像,請大家注意更換本地的 Gem Source。

  使用  -a 或者 --add 是新增一個鏡像地址,   --remove 去掉   -l 查看當前的鏡像        可以用gem --help  看功能

  $ gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
 $ gem sources -l

 可功換掉了
  *** CURRENT SOURCES ***

 https://gems.ruby-china.org


如果出現ssl-conn  就是本機 不支持https 協議
 $ gem sources --add http://gems.ruby-china.org/   就可以了


安裝gem install sass


20170703: 最近遇到一種情況,有些公司是在虛擬內網開發,由於內網和外網是沒有接通的,使得沒辦法通過gem命令下載包
解決的辦法是 https://rubygems.org/gems/sass 看到下面有個下載的

然后cmd 

 

 

gem install 這個sass.gem包的  所在位置,出現 上面圖片的信息就表示 安裝成功!

3.IDEA sass或 scss 配置

可以 sass --help 看一下功能

arguments:   --style compressed --no-cache --update --sourcemap $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
       樣式壓縮                 不緩存                     產生map文件      $FileName$文件名字     $FileParentDir$ 父級文件夾      $FileNameWithoutExtension$  //生成的名字
其他默認就可以了
在win7上是這樣的
 
配置完后 文件路徑
 
 
 scss或sass編譯時出現GBK Ex6 ex5 錯誤的時候   //有中文編譯的時候報錯
 
在ruby的安裝下找到
\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass
在這個文件里面engine.rb
Encoding.default_external = Encoding.find('utf-8')
 然后就可以了   當然如果是在idea 的時候  重啟一下 idea就可以了
 
 可以參考一下:http://blog.csdn.net/zapzqc/article/details/42147519

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM