Bagaimana cara mengintegrasikan pra-pemrosesan CSS dalam Eclipse? [Tutup]

Saya ingin mengedit file SCSS di Eclipse, sebaiknya dengan penyorotan sintaks untuk .scssfile.

Saya menemukan sumber daya ini berharga:

• http://sass-lang.com/editors.html - tidak memiliki editor untuk file .scss hanya .sass
• http://colorer.sourceforge.net/eclipsecolorer - hanya memiliki file .scss

Bagaimana cara mengintegrasikan pengembangan SCSS dalam editor Eclipse?

Atau, secara lebih umum, bagaimana cara saya mengintegrasikan pra-prosesor CSS ke dalam Eclipse?

Saya baru saja menemukan cara melakukan ini di Eclipse. Saya akui bahwa solusi ini tidak memiliki dukungan 100% SASS, warnanya menjadi sedikit funky saat menggunakan css bersarang, tetapi lebih baik daripada melihat teks biasa dan Anda tidak perlu menginstal editor terpisah.

Anda perlu mengaitkan jenis file .scss dengan Editor CSS Eclipse asli di Eclipse [Bagian 1]. Setelah Anda melakukannya, Anda perlu menambahkan jenis file .scss ke Editor CSS asli juga sehingga Editor CSS akan dapat membukanya [Bagian 2]. Berikut langkah-langkah untuk eclipse (Saya menjalankan Eclipse Java EE IDE for Web Developers, Indigo):

Bagian 1 - Kaitkan jenis file .scss dengan Editor CSS Eclipse asli

1. Pergi ke Window > Preferences

2. Sibak ke General > Editors > File Associations

3. Di panel File Associations, klik tombol 'Add ... "di kanan atas.

4. Untuk File Type:, masukkan *.scsslalu klik OK.

5. Temukan *.scssentri dalam File Associationsdaftar dan pilih.

6. Setelah memilih *.scss, di panel bawah Associated editors:, klik Add...tombol.

7. Pastikan Internal editorsdipilih di atas, lalu cari dan pilih CSS Editor, lalu klik OK.

Ini terkait jenis file .scss dengan Editor CSS asli gerhana. Sekarang kita harus mengkonfigurasi Editor CSS asli untuk mendukung file .scss. Untuk melakukan ini, ikuti langkah-langkah berikut:

Bagian 2 - Tambahkan jenis file .scss ke Editor CSS asli

1. Pergi ke Window > Preferences

2. Sibak ke General > Content Types

3. Di panel Tipe Konten, luaskan Text, lalu pilihCSS

4. Setelah CSSdipilih, di File associations:panel bawah , klik Add...tombol.

5. Untuk Content type:, masukkan *.scsslalu klik OK.

6. Klik OKuntuk menutup jendela Preferensi.

Semua selesai. Yang perlu Anda lakukan sekarang adalah menutup semua file .scss yang telah Anda buka lalu buka kembali dan wha-la, warna css di Eclipse untuk file .scss!

Catatan: Jika warna css tidak muncul Anda mungkin harus melakukan hal berikut: Right click the .scss file > Open With > CSS Editor.

Semoga ini membantu.

Aptana Studio menyediakan dukungan pewarnaan sintaks untuk SASS / SCSS dan dimungkinkan untuk menginstal Aptana sebagai Plugin ke Eclipse. Lihat kutipan berikut dari situs unduhan Aptana:

Menginstal melalui Eclipse

Harap salin Perbarui URL Situs berikut ke papan klip Anda dan kemudian ikuti langkah-langkah yang tercantum di bawah ini untuk menambahkan URL ini ke daftar Situs Perangkat Lunak yang Tersedia. Mencoba mengakses URL ini menggunakan browser web Anda akan mengembalikan kesalahan Akses Ditolak.

http://download.aptana.com/studio3/plugin/install

1. Dari menu Help, pilih »Install New Software…« untuk membuka dialog Install New Software.
2. Rekatkan URL untuk situs pembaruan ke dalam kotak teks Bekerja Dengan, dan tekan tombol Enter (atau Kembali).
3. Dalam tabel yang terisi di bawah ini, centang kotak di samping nama plugin, lalu klik tombol Berikutnya.
4. Klik tombol Berikutnya untuk pergi ke halaman lisensi.
5. Pilih opsi untuk menerima persyaratan perjanjian lisensi, dan klik tombol Selesai.
6. Anda mungkin perlu memulai ulang Eclipse untuk melanjutkan.

Anda dapat menggunakan Plug-in Eclipse terbaru yang disebut "Colorer" yang sekarang mendukung file SASS. Ini dia: http://colorer.sourceforge.net/eclipsecolorer/index.html

Buka menu "Install New software" Dari "Help" di Eclipse dan masukkan " http://colorer.sf.net/eclipsecolorer " ke dalam kotak "Work with" untuk menginstal plug-in