Sass教程二 Sass的安裝

2021-09-25 22:29:47 字數 950 閱讀 4821

前面已經提到了，sass是用ruby語言開發的，所以在安裝sass之前，需要先安裝ruby

ruby安裝好了之後，我們就可以利用ruby的包管理工具gem安裝sass了，同樣還是在cmd裡執行以下命令：

gem install sass
安裝完成之後，還是老辦法檢查以下安裝是否成功：

sass -v


如果安裝成功，則會列印以下**：


ruby sass 3.7.4
更新sass:


gem update sass


檢視sass版本:


sass -v


檢視sass幫助：


sass -h
現在我們寫去一點sass**吧：

body


.box
你沒有看錯，以上看起來和css簡直一模一樣的**其實就是sass**！是不是很神奇？當然這段**編譯使用過後的效果當然也就和css一樣啦。看到這裡，我想說的是，大家學習sass千萬不要有任何的負擔，因為安裝好sass之後，sass就可以和css一樣寫，如果你現在還沒有任何的css預處理語言的編寫經驗，你完全可以像以前寫css那樣來寫**。如果你在看這篇文章的過程當中，一不小心學會了一招半式的，那就是提公升了。

不過這裡有一點需要提一下，sass有兩個檔案字尾，乙個是.sass 乙個是.scssscss是sass的公升級版，他們都統稱sass 只是檔案字尾不一樣。然後.sass字尾的檔案是固定**格式的，就是在一開始我提到的那樣寫：去掉「{}」，去掉「;」 這讓**看起來有點怪，不過習慣就好了。 而.scss字尾結尾的檔案就比較友好了，怎麼寫都可以，而且它是公升級版，所以我們以後在使用的過程中就用.scss就好了

寫好了sass**之後，我們就需要把sass編譯成css 然後應用到我們的專案當中了。這個過程就可以稱為編譯了。

sass安裝教程

在安裝的時候，請勾選add ruby executables to your path這個選項，新增環境變數，不然以後使用編譯軟體的時候會提示找不到ruby環境 安裝完ruby之後，在開始選單中，找到剛才我們安裝的ruby，開啟start command prompt with ruby 然後直接在...

SASS安裝教程

ruby安裝 在安裝的時候，請勾選add ruby executables to your path這個選項，新增環境變數，不然以後使用編譯軟體的時候會提示找不到ruby環境 sass安裝 安裝完ruby之後，在開始選單中，找到剛才我們安裝的ruby，開啟start command prompt w...

使用sass Sass教程二 Sass的安裝

前面已經提到了，sass是用ruby語言開發的，所以在安裝sass之前，需要先安裝ruby 這裡要注意幾點 安裝完成之後需要測試安裝有沒有成功，在命令列工具 cmd 裡面執行以下下命令 rubu v 如果安裝成功會列印下面這句話 ruby 2.2.2p95 2015 04 13 revision 5...