1. 首頁
  2. 問答
  3. SCSS轉換爲CSS

SCSS轉換爲CSS

2012-11-30 49 views

回答

69

如果您點擊CodePen中的標題CSS (SCSS)（不要更換具有齒輪的預處理器），它將切換到已編譯的CSS視圖。

Codepen Screenshot of Compiled Preview

來源

2012-11-30 16:52:12 y8r

+0

大提示！我不知道這是可能的！ – L84

+2

這是否仍然有效？今天試了一下，什麼也沒有發生...... – andrewcockerham

+8

現在有一個右側的眼睛圖標來完成這項工作。 – antitoxic

63

在終端運行此命令的文件夾中，其中systlesheets是：

sass --watch style.scss:style.css

來源：

http://sass-lang.com/

當以往任何時候都注意到在.scss文件中的變化它會更新你的.css

只有當您的本地計算機上有.scss時，此功能纔有效。嘗試將代碼複製到文件並在本地運行。

來源

2012-11-30 16:50:47 joshuahornby10

+1

我在Windows7上。我在哪裏可以找到終端？這不是Linux的事嗎？正如你所看到的，我對Sass和終端一無所知。 – Barbara

+1

使用cmd，點擊run然後cmd。按照網站上有關設置scss的說明。然後，您可以將您想要的文件保存到您的機器上，並將其變爲.css – joshuahornby10

+0

哦，我明白了，謝謝。我希望像在線轉換器一樣。這可能是我唯一使用sass的唯一時間，所以我沒有真正想要安裝的東西。不過，感謝您的幫助。 – Barbara

4

您可以使用sass /sassFile.scss /cssFile.css

Attention: Before using sass command you must install ruby and then install sass.

For installing sass, after ruby installation type gem install sass in your Terminal

Hint: sass compile SCSS files

來源

2016-09-25 14:09:40 AmerllicA

3

首先，你必須安裝Ruby，如果它不是你的機器上。

1.Open一個終端窗口。 2.Run命令哪個紅寶石。

如果看到諸如/usr/bin/ruby的路徑，則安裝Ruby。如果您沒有看到任何響應或收到錯誤消息，則說明Ruby未安裝。 要驗證是否有紅寶石的當前版本， 運行命令ruby -v。

紅寶石如果沒有安裝在計算機上，然後

sudo apt-get install ruby2.0 
sudo apt-get install ruby2.0-dev 
sudo update-alternatives --install /usr/bin/gem gem /usr/bin/gem2.0 1

後然後通過運行該命令

sudo gem install sass --no-user-install

然後複製安裝薩斯寶石或添加任何.sass文件，然後進入該文件路徑然後

sass --watch style.scss:style.css

當它發現.scss文件發生變化時，它會更新您的.css

這隻適用於當您的.scss位於本地計算機上時。嘗試將代碼複製到文件並在本地運行。

來源

2017-08-01 10:39:50

相關問題

 相關問題