sass安裝入門

2021-08-28 00:09:00 字數 1547 閱讀 1314

安裝的時候注意勾選第二項

add ruby executablesto your path.

配置全域性變數。安裝完成過後,可以通過ruby -v檢視是否成功。

(1)官方安裝

gem install sass

sass -v #檢視是否安裝成功

(2)#安裝rubychina的源

gem sources –remove

gem sources -a

gem install sass

sass -v #檢視是否安裝成功

sass編譯方式大概有三種:通過命令列編譯(基礎方法)、gui視覺化圖形同居編譯及自動化編譯。

在這裡我直接選擇了多檔案(資料夾)監聽命令的方式:

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...