
飛奔的阿加西.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ā)電腦必備軟件大全