Rumah > alat pembangunan > webstorm > teks badan

Mari kita bincangkan tentang isu penyusunan webstorm sass

藏色散人
Lepaskan: 2021-12-31 15:43:33
ke hadapan
2245 orang telah melayarinya

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
Salin selepas log masuk

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

sass --watch style.scss:../css/mystyle.css
Salin selepas log masuk

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
Salin selepas log masuk

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
Salin selepas log masuk

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!

Label berkaitan:
sumber:segmentfault.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan