windows下sass開發環境的搭建


一:Sass的安裝:

【步驟1“下載Ruby”】:到Ruby的官網(http://rubyinstaller.org/downloads)下載最新版本的Ruby版本,這里我下載的是最新版本Ruby2.3.3的64位

  

 

【步驟2“安裝Ruby”】:下載后,點擊安裝即可。在安裝的時候,我們需要注意2點:(1)安裝路徑建議選擇C盤;(2)安裝到下面這一步時,一定一定要選擇第2項,不然就會安裝失敗:

  

 

 【步驟3“下載Sass”】:安裝好后,然后到這個頁面(https://rubygems.org/gems/sass)上面把“Sass安裝包”下載下來。我們可以在這個網頁右欄找到“下載”這兩個字,點擊即可下載:

  http://www.lvyestudy.com/App_images/lesson/sass/2-1-3.png

 

【步驟5】:打開Ruby命令終端之后,輸入下面這個指令gem install,把Sass安裝包拖到命令指定位置會生成指定路徑,然后點擊“Enter回車”即可安裝,如圖所示:

  

【步驟6】:上面的步驟都完成后,檢查Sass是否安裝成功。檢查的方法很簡單,在命令終端使用“sass -v”指令,按回車后,如果顯示“Sass 3.4.23 <Selective Steve>”的字樣就說明Sass安裝成功:

 

 參考網站:http://www.lvyestudy.com/sass/sass_2.1.aspx

 二:配置webstorm中sass:

在webstorm中file—>settings中搜索file watchers工具,在此工具中添加一個scss的watcher,按照下圖設置各項。點擊ok 

 

 

 

 


免責聲明!

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



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