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