Mari kita bincangkan tentang isu penyusunan webstorm sass

Artikel ini diperkenalkan oleh lajur tutorial penggunaan ribut web untuk memperkenalkan isu kompilasi sass di bawah webstorm ia mempunyai nilai rujukan tertentu dan saya harap ia dapat membantu semua orang.

Masalah kompilasi Sass di bawah badai web

saas perlu dijalankan dalam persekitaran ruby ​​​​, jadi ruby ​​​​32 / 64 perlu dipasang

1. Pasang ruby

2. Dalam arahan DOS, uji sama ada ruby ​​​​dipasang: ruby ​​​​-v (Tekan enter, jika nombor versi muncul, ruby ​​​​berjaya dipasang)

3. Perintah Install sass: gem install sass

4. Uji sama ada sass berjaya dipasang: sass -v (Tekan enter, jika nombor versi muncul, sass berjaya dipasang)

Kaedah 1: Perintah DOS sass conversion untuk meminta pemantauan fail css

1. Dalam direktori fail, buka kaedah baris arahan dos: shift klik kanan

2 . Masukkan arahan sass dalam baris arahan untuk menyusun fail sass ke dalam fail css

sass style.scss mystyle.css
sass style.scss ../css/mystyle.css

Penyusunan pemantauan: Apabila sass diubah suai, fail css akan diubah suai secara serentak

sass --watch style.scss:../css/mystyle.css

3. Keluar dari pemantauan ctrl c dan pilih y

Kaedah 2: webstorm auto Dengan pemantauan

1 Sekali dan untuk semua: Konfigurasikan persekitaran IDE:

Konfigurasi IDE (lokasi: tetapan --> Alat --> Pemerhati fail)

Jika Sass dan css ialah dua folder yang masing-masing menyimpan scss dan css:

Arguments：--style expanded --no-cache --update $FileName$:../css/$FileNameWithoutExtension$.css

Bahasa Cina ralat penyusunan: [Tidak boleh menggunakan sebarang nama fail dan ulasan dengan bahasa Cina] Menemui fail

1, librubygems2 3.0gemssass-3.4.22 Baris 87 libsassimportersfilesystem.rb

if name.index(@root + "/") == 0 修改为 if name.encode("utf-8",'gbk').index(@root + "/") == 0

2. Tambahkan ayat berikut @charset "UTF-8"

pada kepala fail .scss

Atas ialah kandungan terperinci Mari kita bincangkan tentang isu penyusunan webstorm sass. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!