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


111

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

Saya menemukan sumber daya ini berharga:

Bagaimana cara mengintegrasikan pengembangan SCSS dalam editor Eclipse?

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


Jawaban:


297

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.


7
1 untuk tidak memasang alat tambahan apa pun dan menggunakan gerhana sebagaimana adanya ... Opsi lain adalah " colorer.sourceforge.net/eclipsecolorer "
spankmaster79

1
@ spankmaster79 eclipsecolorer hanya mendukung file sass (coba hari ini di juno)
mons droid

1
@mons beralih ke PHPStorm, lebih cepat, dukungan yang jauh lebih baik dan acara kompilasi di simpan di editor. Cobalah
spankmaster79

1
eclipsecolorer tidak mendukung scss. Ini TIDAK mendukung sass. Ada perbedaan.
mrbinky3000

2
Menambahkan catatan untuk: Klik kanan file .scss> Buka Dengan> Gunakan Editor CSS> Lainnya ... klik Editor CSS lalu centang "gunakan editor ini untuk semua file 'style.scss' dan centang 'Gunakan untuk semua' * .scss '.
ChrisB

11

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.

2
Ketahuilah bahwa Aptana memiliki pewarnaan temanya sendiri. Jika Anda terbiasa dengan tema warna Eclipse tertentu, bersiaplah untuk meninggalkannya sepenuhnya jika Anda menginstal Plugin Aptana.
Sturm

Ide buruk! Benar-benar merusak editor Eclipse saya.
Branislav Lazic

6

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


Apakah itu mendukung penyelesaian otomatis (mis. Ctrl + spasi)?
Fuzzo

Menampilkan terlalu banyak kesalahan! hampir di setiap baris
Saurabh Bayani

ada perangkat lunak baru yang tersedia di Eclipse yang disebut "Liclipse" yang bekerja dengan sebagian besar bahasa
Fadi Nouh
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.