2012-11-30 17 views

cevap

69

CodePen'de CSS (SCSS) başlığına tıklarsanız (işlemciyi dişli ile değiştirmeyin) derlenmiş CSS görünümüne geçecektir.

Codepen Screenshot of Compiled Preview

+0

Harika İpucu! Bunun mümkün olduğunu bilmiyordum! – L84

+2

Bu hala çalışıyor mu? Bugün bunu denedim ve hiçbir şey olmuyor ... – andrewcockerham

+8

Artık iş yapan sağ tarafta bir göz simgesi var. – antitoxic

63

systlesheets olan klasörde bu komut:

sass --watch style.scss:style.css 

Kaynak:

http://sass-lang.com/

zaman .scss dosyada bir değişiklik fark hiç .css

'ini güncelleyecektir

Bu, yalnızca .scss yerel makinenizde çalışıyorsa geçerlidir. Kodu bir dosyaya kopyalamayı ve yerel olarak çalıştırmayı deneyin.

+1

kullanın Windows7'deyim. Terminali nerede bulabilirim? Linux olayı değil mi? Gördüğünüz gibi sass ve terminaller hakkında hiçbir şey bilmiyorum. – Barbara

+1

cmd'yi kullanın, sonra koşun ve sonra cmd'yi tıklayın.scss up ayarıyla ilgili web sitesindeki talimatları izleyin. Daha sonra, makinenizde istediğiniz dosyayı kaydedebilir ve bir .css – joshuahornby10

+0

Oh 'a dönüştürebilirsiniz. Anladım, teşekkürler. Çevrimiçi çevirici gibi bir şey için umuyordum. Bu muhtemelen sass kullanacağım tek zamandır, bu yüzden gerçekten bir şeyler yüklemeyi istemiyorum. Yine de yardımın için teşekkürler. – Barbara

4

Bu bir çevrimiçi/çevrimdışı çözüm ve onları dönüştürmek çok kolaydır 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

3

İlk olarak daha makinenizde değilse Ruby yüklemek zorunda.

Bir terminal penceresi açın. 2.Kurulma komutunu çalıştırın.

/usr/bin/ruby gibi bir yol görürseniz, Ruby yüklüdür. Herhangi bir yanıt görmüyorsanız veya bir hata mesajı alırsanız, Ruby yüklü değildir. Geçerli bir Ruby sürümüne sahip olduğunuzu doğrulamak için ruby -v komutunu çalıştırın.

yakut sonra

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 

sonra

sudo gem install sass --no-user-install 

Sonra kopyalamak bu komutu çalıştırarak Sass mücevher yüklemek veya herhangi .sass dosyası eklemek ve bu dosya yoluna gittikten sonra makinenizde yüklü değilse o .scss dosyasında bir değişiklik fark sonsuza sonra

sass --watch style.scss:style.css 

sizin .css güncelleyecektir zaman

Bu yalnızca, .scss yerel makinenizdeyken çalışır. Kodu bir dosyaya kopyalamayı ve yerel olarak çalıştırmayı deneyin.

İlgili konular