国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > Ruby > 正文

ruby環境中自動編譯sass教程

2020-10-29 19:42:12
字體:
來源:轉載
供稿:網友

sass為CSS的賦予了動態語言的特性,如變量、繼承、運算、函數等,更方便CSS的編寫和維護!

sass安裝

因為sass依賴于ruby環境,所以裝sass之前先確認裝了ruby。安裝ruby http://m.survivalescaperooms.com/article/61501.htm

安裝完ruby之后,在開始菜單中,找到剛才我們安裝的ruby,打開Start Command Prompt with Ruby

然后直接在命令行中輸入

復制代碼 代碼如下:

gem install sass

按回車鍵確認,等待一段時間就會提示你sass安裝成功。

命令檢測安裝是夠完成:

如果要安裝beta版本的,可以在命令行中輸入

復制代碼 代碼如下:

gem install sass --pre

使用sass

SASS文件就是普通的文本文件,里面可以直接使用CSS語法。文件后綴名是.scss,意思為Sassy CSS。

下面的命令,可以在屏幕上顯示.scss文件轉化的css代碼。(假設文件名為test。)

復制代碼 代碼如下:

sass test.scss

如果要將顯示結果保存成文件,后面再跟一個.css文件名。

復制代碼 代碼如下:

sass test.scss test.css

SASS提供四個編譯風格的選項:

復制代碼 代碼如下:

* nested:嵌套縮進的css代碼,它是默認值。
* expanded:沒有縮進的、擴展的css代碼。
* compact:簡潔格式的css代碼。
* compressed:壓縮后的css代碼。

生產環境當中,一般使用最后一個選項。

復制代碼 代碼如下:

sass --style compressed test.sass test.css

你也可以讓SASS監聽某個文件或目錄,一旦源文件有變動,就自動生成編譯后的版本。

復制代碼 代碼如下:

// 監聽文件
sass --watch input.scss:output.css
// 監聽文件夾
sass --watch app/sass:public/stylesheets

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 诸城市| 赣榆县| 区。| 西峡县| 富锦市| 大理市| 呈贡县| 鱼台县| 清苑县| 华安县| 鄂伦春自治旗| 河池市| 台中市| 寿光市| 鹤壁市| 富顺县| 隆尧县| 富源县| 凭祥市| 宣城市| 民权县| 乌鲁木齐县| 高阳县| 全南县| 晋江市| 新建县| 滨州市| 遂宁市| 宜川县| 九龙城区| 隆化县| 台东市| 沾化县| 阿勒泰市| 乡城县| 凤阳县| 湟中县| 麻城市| 山东省| 恭城| 炎陵县|