ฉันเพิ่งรู้วิธีทำใน 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:ป้อนแล้วคลิก*.scssOK
ค้นหา*.scssข้อมูลในFile Associationsรายการและเลือก
หลังจากเลือก*.scssแล้วในบานหน้าต่างด้านล่างAssociated editors:ให้คลิกAdd...ปุ่ม
ให้แน่ใจว่าInternal editorsมีการเลือกที่ด้านบนแล้วค้นหาและเลือกแล้วคลิกCSS EditorOK
สิ่งนี้เชื่อมโยงประเภทไฟล์. scss กับ eclipses native CSS Editor ตอนนี้เราต้องกำหนดค่า CSS Editor ดั้งเดิมเพื่อรองรับไฟล์. scss โดยทำตามขั้นตอนต่อไปนี้:
ส่วนที่ 2 - เพิ่มประเภทไฟล์. scss ลงในโปรแกรมแก้ไข CSS ดั้งเดิม
ไปที่ Window > Preferences
เจาะลึกไปที่ General > Content Types
ในบานหน้าต่างชนิดเนื้อหาขยายTextจากนั้นเลือกCSS
หลังจากCSSถูกเลือกแล้วในFile associations:บานหน้าต่างด้านล่างให้คลิกAdd...ปุ่ม
สำหรับContent type:ป้อนแล้วคลิก*.scssOK
คลิกOKเพื่อปิดหน้าต่างการตั้งค่า
ทุกอย่างเสร็จเรียบร้อย. สิ่งที่คุณต้องทำตอนนี้คือปิดไฟล์. scss ใด ๆ ที่คุณเปิดไว้จากนั้นเปิดใหม่อีกครั้งและ wha-la สี css ใน Eclipse สำหรับไฟล์. scss!
หมายเหตุ: หากสี CSS Right click the .scss file > Open With > CSS Editorไม่ปรากฏคุณอาจจะต้องทำต่อไปนี้:
หวังว่านี่จะช่วยได้