前端利器sass,scss安裝

2021-06-27 04:12:30 字數 948 閱讀 9992

之前對比了下less和sass,發現sass使用會比較複雜,所以就拋棄了sass用less寫過乙個專案,可能之前用這個寫專案的經驗太少,發現寫過以後,並沒有想象中那樣方便,但是看過很多文章以後,感覺在 寫乙個完整的專案時使用此類框架還是會比較方便,並且發現sass配合compass有很多優勢,所以還是想要嘗試用下。

其實很多事情在用心之後都會變得簡單許多,下來就介紹一下安裝sass的方法。

二、安裝成功start command prompt ruby

三、開啟後就可以檢視ruby版本 命令列:ruby -v

四、安裝haml 命令列: gem install haml (之前對安裝haml不是很理解,查了一下發現:sass基於ruby語言,並且是haml的一部分,所以在安裝 sass就的先安裝haml)

五、安裝sass 命令列:gem install sass稍作等待安裝成功

六、sass檔案轉換為css檔案的方法

1:如果在d盤的sass資料夾建乙個style.sass的檔案

2:然後在命令列中輸出d: (d代表d盤)

3:cd sass(計入sass資料夾)

4:--watch style.sass:style.css (在sass檔案下將sass檔案轉換為css檔案) watch代表監聽

5:取消監聽ctrl+c   (y確認取消監聽)

七、在sublime中安裝sass外掛程式,使其語法高亮顯示。(需要安順序安裝兩個外掛程式sass,和sass.build)

結束語:安裝成功後就可以使用了,不過還不是很熟,需要研究一下compass和寫作過程中的一些技巧,希望對以後的工作效率有很大幫助

whistle 前端除錯利器

為什麼80 的碼農都做不了架構師?前端本地開發的場景中,我們需要頻繁的改動 並需要實時看到效果,並且在一些開發場景中,我們需要將特定的請求 到特定的ip 本地檔案等,所以使用fiddler或whistle等本地 真機抓包除錯工具是非常必要的。在歷史的長河中,我們是使用fiddler willow再搭...

前端除錯利器 Charles

docs 開發之 charles 配置指南 2.啟用 使用公司正版license 啟用 安裝證書 點選證書並選擇 始終信任 證書不被信任可能會導致 開發時部分資源檔案無法載入。設定 將你需要 https的 新增進去 本地除錯 如果你想 bear test 到本地,你需要 點選map remote 新...

補全利器 Kite 安裝

kite 是針對 python 的 補全工具 由於其快速智慧型 ai學習 被圈內廣泛使用,本文介紹kite在windows 與 linux環境下與vs code結合使用的方法。官網 在 vs code 中使用 kite 安裝外掛程式 kite ai code autocomplete 外鏈轉存失敗,...