資訊專欄INFORMATION COLUMN
摘要：現(xiàn)在將學(xué)習(xí)筆記整理在這里，供大家參考。的安裝的編輯器安裝方法有很多，大致能分為兩種應(yīng)用程序和命令行界面。如果已經(jīng)安裝過，也可以使用指令如果提示權(quán)限不足，在命令行前加上即可。參考網(wǎng)頁編輯器的使用的使用很簡單，記住兩條指令即可。
最近因為工作需要，自學(xué)了Sass?，F(xiàn)在將學(xué)習(xí)筆記整理在這里，供大家參考。
1. Sass的安裝
Sass的編輯器安裝方法有很多，大致能分為兩種：應(yīng)用程序（application）和命令行界面（command line）。我使用的是命令行。因為之前已經(jīng)在Mac上安裝過Homebrew的package，用的命令行是
brew install sass/sass/sass
Homebrew對系統(tǒng)xCode版本有要求，如遇提示xCode版本過低，在App Store下載更新軟件，或者直接卸載軟件都可以。
如果已經(jīng)安裝過node.js，也可以使用npm指令
npm install -g sass
如果提示權(quán)限不足，在命令行前加上sudo即可。
參考網(wǎng)頁 https://sass-lang.com/install
2. Sass編輯器的使用
Sass的使用很簡單，記住兩條指令即可。
第一條指令如下，意思是編輯input.scss，并輸出儲存在output.css文件中。指令只編譯一次。
sass input.scss output.css
第二條指令增加了一個watch功能。同上述指令，編譯input.scss儲存至output.css。指令編譯多次，適用于開發(fā)過程中的編譯。.scss文件的改動會被檢測（watch）并立即編譯寫入相應(yīng)的.css文件中。
sass --watch input.scss output.css
3. 其他
Sass的語法有很多資源都體積到了，在此就不贅述了。
推薦幾處參考網(wǎng)站：
Sass Basics Sass官方語法 https://sass-lang.com/guide
Sassmeister 官方Sass在線編輯器 https://www.sassmeister.com/
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/114000.html
摘要：春節(jié)閑來無事，看看自己在上寫的文章，想不到已經(jīng)篇了，各方面的都有，那就分類整理一下吧，也方便自己和別人查看。 春節(jié)閑來無事，看看自己在SegmentFault上寫的文章，想不到已經(jīng)20篇了，各方面的都有，那就分類整理一下吧，也方便自己和別人查看。 CSS CSS Background-Size 屬性小記 [譯]關(guān)于垂直居中 Vertical Align 的探討 [譯]CSS 居中（...
摘要：本節(jié)將學(xué)習(xí)是如何利用形成一套完整的前端工作流模式的。你也可以使用下面命令來強制安裝所有模塊，不管該模塊之前是否安裝過由于國內(nèi)墻的原因，使用安裝會非常緩慢，慢到想切，不過還好，我們可以使用淘寶提供的國內(nèi)鏡像進行下載。 本節(jié)將學(xué)習(xí) Laravel 是如何利用 Sass, NPM, Gulp形成一套完整的前端工作流模式的。 一、句法強大的樣式表Sass Sass 是一種可用于編寫CSS的語言...
閱讀 637·2023-04-26 02:08
閱讀 2660·2021-11-18 10:02
閱讀 3469·2021-11-11 16:55
閱讀 2349·2021-08-17 10:13
閱讀 2908·2019-08-30 15:53
閱讀 691·2019-08-30 15:44
閱讀 2554·2019-08-30 11:10
閱讀 1765·2019-08-29 16:57
