国产片侵犯亲女视频播放_亚洲精品二区_在线免费国产视频_欧美精品一区二区三区在线_少妇久久久_在线观看av不卡

腳本之家,腳本語言編程技術及教程分享平臺!
分類導航

Python|VBS|Ruby|Lua|perl|VBA|Golang|PowerShell|Erlang|autoit|Dos|bat|

香港云服务器
服務器之家 - 腳本之家 - Ruby - ruby環境中自動編譯sass教程

ruby環境中自動編譯sass教程

2020-04-22 10:24腳本之家 Ruby

這篇文章主要介紹了ruby環境中自動編譯sass教程,本文講解了ruby環境的安裝、sass環境的安裝以及sass的常用編譯命令使用示例,需要的朋友可以參考下

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

sass安裝

因為sass依賴于ruby環境,所以裝sass之前先確認裝了ruby。安裝ruby http://www.jfrwli.cn/article/59847.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

延伸 · 閱讀

精彩推薦
  • Ruby剖析 Ruby 訪問控制

    剖析 Ruby 訪問控制

    前面,我們說 Ruby 沒有函數,只有方法.而且實際上有不止一種方法.這一節我們介紹 訪問控制 (accesscontrols). 想想當我們在最高層而不是在一個類的定義里定義...

    ruby教程網3572020-04-08
  • Ruby簡要說明Ruby中的迭代器

    簡要說明Ruby中的迭代器

    這篇文章主要介紹了Ruby中的迭代器,迭代器的概念在動態語言的編程中十分重要,文章中介紹了Ruby中的each迭代器和collect迭代器,需要的朋友可以參考下 ...

    goldensun2772020-04-25
  • RubyRuby簡潔學習筆記(一):字符串、數字、類和對象

    Ruby簡潔學習筆記(一):字符串、數字、類和對象

    這篇文章主要介紹了Ruby簡潔學習筆記(一):字符串、數字、類和對象,本文是學習筆記第一篇,需要的朋友可以參考下 ...

    腳本之家2472020-04-20
  • RubyRuby設計模式編程中使用Builder建造者模式的實例

    Ruby設計模式編程中使用Builder建造者模式的實例

    這篇文章主要介紹了Ruby設計模式編程中使用Builder建造者模式的實例,建造者模式將一個復雜對象的構造與它的表示分離,使同樣的構建過程可以創建不同的表...

    范孝鵬2192020-05-07
  • RubyRuby迭代器的7種技巧分享

    Ruby迭代器的7種技巧分享

    這篇文章主要介紹了Ruby迭代器的7種技巧分享,Ruby中的迭代器非常人性化,本文既是講解了7個技巧也是講解了7種迭代器,需要的朋友可以參考下 ...

    腳本之家4782020-04-20
  • RubyRuby環境下安裝使用bundler來管理多版本的gem

    Ruby環境下安裝使用bundler來管理多版本的gem

    這篇文章主要介紹了Ruby環境下安裝使用bundler來管理多版本的gem的方法,舉了Ruby On Rails中的應用實例來進行演示,需要的朋友可以參考下 ...

    日拱一卒4332020-05-10
  • RubyRuby進行文件信息輸出實例代碼

    Ruby進行文件信息輸出實例代碼

    Ruby進行文件信息輸出實例代碼,數據是隨機的,所以每次的記錄都會不同。 ...

    ruby教程網2962020-04-10
  • RubyCentOS中配置Ruby on Rails環境

    CentOS中配置Ruby on Rails環境

    經過一個上午的折騰,終于把ROR環境在CentOS中搞定,繞了很多彎路,把文章寫下來總結一下 ...

    可樂加糖4762020-04-12
450
主站蜘蛛池模板: 精品精品 | 精品国产欧美一区二区三区成人 | 成人午夜视频在线观看 | 精品国产乱码久久久久久久软件 | 污视频在线观看免费 | 先锋影音av在线 | 精品视频免费观看 | 激情五月婷 | 亚洲成人精选 | 午夜精品一区二区三区在线观看 | 日本中文字幕在线观看 | 亚洲欧美成人a毛片 | 亚洲欧美日韩精品久久亚洲区 | 久久综合99| 涩涩一区 | 国产精品久久久久久久 | 亚洲国产欧美在线 | 国产精品初高中精品久久 | 国产日韩欧美 | 国产一区二区三区高清 | 涩涩一区 | 四虎久久 | 日韩和的一区二在线 | 欧美一区二区在线视频 | 亚洲综合无码一区二区 | 色婷婷综合网 | 国产一区精品在线 | 国产宾馆自拍 | 可以看av的网站 | 色www精品视频在线观看 | 国产精品一区欧美 | 综合色在线 | 欧美一级片在线 | 中国一级黄色片子 | 中文字幕精品一区二区三区精品 | 欧美久久久久 | 黄色片网站在线免费观看 | 中文字幕二区 | 国产日韩精品一区二区 | 性片网站| 在线激情网 |