ฉันเพิ่งรู้วิธีทำใน Eclipse ฉันยอมรับว่าโซลูชันนี้ไม่มีการรองรับ SASS 100% สีจะดูขี้ขลาดเล็กน้อยเมื่อใช้ css ที่ซ้อนกัน แต่มันดีกว่าการดูข้อความธรรมดาและคุณไม่จำเป็นต้องติดตั้งโปรแกรมแก้ไขแยกต่างหาก
คุณต้องเชื่อมโยงประเภทไฟล์. scss กับ Eclipse CSS Editor ดั้งเดิมใน Eclipse [ตอนที่ 1] หลังจากนั้นคุณต้องเพิ่มประเภทไฟล์. scss ลงใน CSS Editor ดั้งเดิมด้วยเพื่อให้ CSS Editor สามารถเปิดได้ [ตอนที่ 2] นี่คือขั้นตอนสำหรับ eclipse (ฉันใช้ Eclipse Java EE IDE สำหรับ Web Developers, Indigo):
ส่วนที่ 1 - เชื่อมโยงประเภทไฟล์. scss กับ Eclipse CSS Editor ดั้งเดิม
ไปที่ Window > Preferences
เจาะลึกไปที่ General > Editors > File Associations
ในบานหน้าต่างการเชื่อมโยงไฟล์ให้คลิกปุ่ม "เพิ่ม ... " ที่ด้านขวาบน
สำหรับFile Type:
ป้อนแล้วคลิก*.scss
OK
ค้นหา*.scss
ข้อมูลในFile Associations
รายการและเลือก
หลังจากเลือก*.scss
แล้วในบานหน้าต่างด้านล่างAssociated editors:
ให้คลิกAdd...
ปุ่ม
ให้แน่ใจว่าInternal editors
มีการเลือกที่ด้านบนแล้วค้นหาและเลือกแล้วคลิกCSS Editor
OK
สิ่งนี้เชื่อมโยงประเภทไฟล์. scss กับ eclipses native CSS Editor ตอนนี้เราต้องกำหนดค่า CSS Editor ดั้งเดิมเพื่อรองรับไฟล์. scss โดยทำตามขั้นตอนต่อไปนี้:
ส่วนที่ 2 - เพิ่มประเภทไฟล์. scss ลงในโปรแกรมแก้ไข CSS ดั้งเดิม
ไปที่ Window > Preferences
เจาะลึกไปที่ General > Content Types
ในบานหน้าต่างชนิดเนื้อหาขยายText
จากนั้นเลือกCSS
หลังจากCSS
ถูกเลือกแล้วในFile associations:
บานหน้าต่างด้านล่างให้คลิกAdd...
ปุ่ม
สำหรับContent type:
ป้อนแล้วคลิก*.scss
OK
คลิกOK
เพื่อปิดหน้าต่างการตั้งค่า
ทุกอย่างเสร็จเรียบร้อย. สิ่งที่คุณต้องทำตอนนี้คือปิดไฟล์. scss ใด ๆ ที่คุณเปิดไว้จากนั้นเปิดใหม่อีกครั้งและ wha-la สี css ใน Eclipse สำหรับไฟล์. scss!
หมายเหตุ: หากสี CSS Right click the .scss file > Open With > CSS Editor
ไม่ปรากฏคุณอาจจะต้องทำต่อไปนี้:
หวังว่านี่จะช่วยได้