麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > Ruby > 正文

ruby環境中自動編譯sass教程

2020-03-29 12:05:33
字體:
來源:轉載
供稿:網友

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

sass安裝

因為sass依賴于ruby環境,所以裝sass之前先確認裝了ruby。安裝ruby http://www.companysz.com/tech/jiaoben/ruby/238363.html

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

ruby,自動編譯,sass

然后直接在命令行中輸入

 

復制代碼 代碼如下:

gem install sass

 

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

命令檢測安裝是夠完成:

ruby,自動編譯,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

 

 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 欧美三级短视频 | 日韩区在线 | 欧美性生活网站 | 欧美18—19sex性hd | 日日艹夜夜艹 | 色中射 | 久草最新在线 | 91九色福利 | 免费在线观看一级片 | 亚洲资源在线播放 | 小雪奶水翁胀公吸小说最新章节 | 露脸各种姿势啪啪的清纯美女 | 毛片在线播放视频 | 成人黄色小视频在线观看 | 久久亚洲精品久久国产一区二区 | 国产精品视频自拍 | 日本精品视频一区二区三区四区 | aaaaaaa毛片 | 免费看真人a一级毛片 | 国产1区在线 | 日韩精品一二三区 | 中文字幕亚洲视频 | 综合在线视频 | 成人在线视频免费播放 | 午夜精品老牛av一区二区三区 | 伊人一二三四区 | 快播av在线| 欧美女同hd | 国产精品99久久99久久久二 | 56av国产精品久久久久久久 | 欧美成人一二三区 | 九色 在线 | 欧美一级毛片免费观看 | 午夜视频福利 | 中文字幕亚洲情99在线 | 九九热在线观看视频 | 91一区二区在线观看 | 亚洲午夜天堂吃瓜在线 | 人人舔人人射 | 欧美三日本三级少妇三级99观看视频 | 欧日韩在线视频 |