sass檔案命令列編譯

2021-10-21 19:12:06 字數 634 閱讀 8110

寫在前面:

今天學習使用sass,網上看了很多介紹和教程,了解到sass檔案有2種字尾:.sass(老版本),.scss(新版本),兩者語法上有些不同:

(1).sass檔案中,不可以用 分號「;」 和 花括號「{}」;

(2).scss檔案,像css檔案中一樣使用分號和花括號。

然而,現在網上的部落格和教程都是 .scss 的寫法,很多人也沒有去說明這個問題,對於初學者來說,這算是乙個大坑吧,故此寫一篇小文介紹一下。

1、sass檔名為:example.sass

注意:.sass字尾的檔案,語法規定,沒有分號 「;」 和花括號「{}」

2、用命令列方式,編譯sass檔案,結果如下圖所示

注意:請轉到當前要編譯的檔案所在的目錄下,然後輸入如下命令

3、錯誤示範

命令列編譯sass

一 安裝ruby 1 需要的軟體裝置 2 安裝過程 點選上圖 應用程式 安裝即可,注意安裝過程中其中三項都需要打上勾。如若沒有三項都打上勾則需要修改環境變數中的path路徑後新增乙個分號。3 開啟cmd 或 win r 輸入 gem v 檢查rubyinstaller是否安裝成功 輸出為 2.4.5...

Sass教程三 編譯Sass(命令列)

sass編譯有很多種方式,如命令列編譯模式 編輯器自動編譯 編譯軟體koala sass loader等。剛才我在test資料夾裡面已經建立了乙個style.scss檔案,現在我需要把這個檔案編譯成css檔案,那麼我可以先用命令列工具進入這個資料夾 cd 就是進入某個資料夾的命令,後面跟上你電腦上資...

命令列編譯Solution

c windows devenv.com microsoft r 開發環境 7.10.3077 版。c microsoft corp 1984 2001 保留所有權利。用法 devenv solutionfile projectfile anyfile.ext switches 可以呼叫 deven...