安裝的時候注意勾選第二項
add ruby executablesto your path.配置全域性變數。安裝完成過後,可以通過ruby -v檢視是否成功。
(1)官方安裝
gem install sass(2)#安裝rubychina的源sass -v #檢視是否安裝成功
gem sources –removesass編譯方式大概有三種:通過命令列編譯(基礎方法)、gui視覺化圖形同居編譯及自動化編譯。gem sources -a
gem install sass
sass -v #檢視是否安裝成功
在這裡我直接選擇了多檔案(資料夾)監聽命令的方式:
sass –watch sass/main:static/css監視sass目錄下main資料夾中的所有sass檔案,並自動編譯為css檔案之後,放到static/css目錄下。(根據自己的目錄資料夾稍加修改)
sass 和 scss 有什麼區別?
sass 和 scss 其實是同一種東西,我們平時都稱之為 sass,不過,sass 是以嚴格的縮排式語法規則來書寫,不帶大括號({})和分號(;),而 scss 的語法書寫和我們的 css 語法書寫方式非常類似。
下面就來測試一下我們的sass能不能用:
lang="en">
charset="utf-8">
titletitle>
rel="stylesheet"
href="../sass/main/index.css"> //引入進來的檔案可以是.css字尾
head>
style>
id="box">
div>
body>
html>在.scss檔案中:
$myback:#000000;
#box
瀏覽器:
可以看到我們的sass已經能正常使用了!
在使用前兩天的sass的時候,有一些問題慢慢暴露出來了,檔案分布雜亂無章,公共樣式顏色不方便提出來,所以我又去仔細研究了一下sass的引用。
1.我們可以有乙個主要的sass檔案,存放各種分支檔案
然後在 home.scss檔案裡面寫home.html這個頁面的css,其他頁面同理。
2.還有個public資料夾,可以專門存放公共樣式。
然後在其他sass檔案裡面引用public就可以用這些樣式了。
ELK安裝入門
簡介 elk 由 elasticsearch logstash 和kiabana 三個開源工具組成。官方 1 elasticsearch 是個開源分布式搜尋引擎,它的特點有 分布式,零配置,自動發現,索引自動分片,索引副本機制,restful 風格介面,多資料來源,自動搜尋負載等。2 logstas...
beanstalkd 安裝 入門
beanstalkd,乙個高效能 輕量級的分布式記憶體佇列系統,最初設計的目的是想通過後台非同步執行耗時的任務來降低高容量web應用系統的頁面訪問延遲,支援過有9.5 million使用者的facebook causes應用。後來開源,現在有postrank大規模部署和使用,每天處理百萬級任務。be...
git 安裝 入門
1.開啟eclipse 3.search git 安裝 隨便乙個 都可以 4.配置git 提交 ssh2 5.登入 github 6.進入 settings 7.新增 ssh2 key 也就是之前複製的public key 8.修改 git repository 通過命令把bblog 上傳到 hex...