使用sass Sass教程二 Sass的安裝

2021-10-14 19:38:03 字數 1267 閱讀 7516

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

這裡要注意幾點：

安裝完成之後需要測試安裝有沒有成功，在命令列工具（cmd）裡面執行以下下命令：

rubu -v 如果安裝成功會列印下面這句話： ruby 2.2.2p95 (2015-04-13 revision 50295) [i386-mingw32]

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 Sass 安裝

由於 sass 是基於 ruby 語言開發而成，因此安裝 sass 前需要安裝 ruby，mac 下自帶 ruby，所以不需要安裝。ruby 是一種簡單快捷的物件導向程式設計的指令碼語言，它由日本的松本行弘建立於1993年。ruby 的特性與 smalltalk perl 和 python 類似。然...

GreenDao 使用教程 二

greendao的插入 插入的方式有很多 1 daosession getnotedao insert note 插入note 如果note指定主鍵與表中已經存在了，就會發生異常 android.database.sqlite.sqliteconstraintexception unique con...

postman使用教程二

安裝好之後，我們先開啟postman，可以看到介面分成左右兩個部分，右邊是我們後頭要講的collection，左邊是現在要講的request builder。在request builder中，我們可以通過postman快速的隨意組裝出我們希望的request。一般來說，所有的http reques...