sass的安裝教程

飛奔的阿加西.jpg

背景

在現(xiàn)在css使用編譯的年代!css早已不是簡單的屬性設(shè)置!這里三大主流css預(yù)處理器 sass less stylus 大都異曲同工!這里講解sass的安裝

解決

有關(guān)sass的入門和安裝可以點(diǎn)擊觀看這里!如果你是Mac本里面也有教程!

因?yàn)閟ass需要在ruby的環(huán)境下編譯!所以要先安裝ruby

安裝ruby

ruby下載地址 點(diǎn)擊按照自己的系統(tǒng)下載對應(yīng)的安裝包!

這里普及一下!很多人分不清x64位和x86的區(qū)別!其實(shí)Windows XP、Windows Vista、Windows Server 2008,以及處于測試階段的Windows 7,都有32位(x86)和64位(x64)兩種版本。window10則只有一種64位!

對應(yīng)的x86就是32位,x64就是64位!兩者的區(qū)別通俗點(diǎn)講就是64位在性能上要高于32位!它們是高科技人員使用本行業(yè)特殊軟件的運(yùn)行平臺(tái)。而32位操作系統(tǒng)是為普通用戶設(shè)計(jì)的。所以使用情況看個(gè)人!

json520.com.png

安裝

  • 安裝到第二部要把Add Ruby executables to your PATH 勾選上!這個(gè)是設(shè)置環(huán)境變量!可以在后面全局使用!
json520.com.png

完成

  • 回到桌面打開gitbash或者cmd輸入
    ruby -v 如果有版本號則顯示安裝成功
json520.com.png

安裝sass

命令行輸入gem install sass安裝

json520.com.png

完成

  • 命令行輸入sass -v查看是否安裝成功
json520.com.png

系統(tǒng)版本:windwos10

推薦鏈接:前端開發(fā)電腦必備軟件大全

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容