จะรวมการประมวลผลล่วงหน้า CSS ภายใน Eclipse ได้อย่างไร? [ปิด]


111

ฉันต้องการแก้ไขไฟล์ SCSS ใน Eclipse โดยเฉพาะด้วยการเน้นไวยากรณ์สำหรับ.scssไฟล์

ฉันพบว่าทรัพยากรเหล่านี้มีค่า:

ฉันจะรวมการพัฒนา SCSS ภายใน Eclipse editor ได้อย่างไร

หรือโดยทั่วไปแล้วฉันจะรวม CSS pre-processor เข้ากับ Eclipse ได้อย่างไร


คำตอบ:


297

ฉันเพิ่งรู้วิธีทำใน 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 ดั้งเดิม

  1. ไปที่ Window > Preferences

  2. เจาะลึกไปที่ General > Editors > File Associations

  3. ในบานหน้าต่างการเชื่อมโยงไฟล์ให้คลิกปุ่ม "เพิ่ม ... " ที่ด้านขวาบน

  4. สำหรับFile Type:ป้อนแล้วคลิก*.scssOK

  5. ค้นหา*.scssข้อมูลในFile Associationsรายการและเลือก

  6. หลังจากเลือก*.scssแล้วในบานหน้าต่างด้านล่างAssociated editors:ให้คลิกAdd...ปุ่ม

  7. ให้แน่ใจว่าInternal editorsมีการเลือกที่ด้านบนแล้วค้นหาและเลือกแล้วคลิกCSS EditorOK

สิ่งนี้เชื่อมโยงประเภทไฟล์. scss กับ eclipses native CSS Editor ตอนนี้เราต้องกำหนดค่า CSS Editor ดั้งเดิมเพื่อรองรับไฟล์. scss โดยทำตามขั้นตอนต่อไปนี้:

ส่วนที่ 2 - เพิ่มประเภทไฟล์. scss ลงในโปรแกรมแก้ไข CSS ดั้งเดิม

  1. ไปที่ Window > Preferences

  2. เจาะลึกไปที่ General > Content Types

  3. ในบานหน้าต่างชนิดเนื้อหาขยายTextจากนั้นเลือกCSS

  4. หลังจากCSSถูกเลือกแล้วในFile associations:บานหน้าต่างด้านล่างให้คลิกAdd...ปุ่ม

  5. สำหรับContent type:ป้อนแล้วคลิก*.scssOK

  6. คลิกOKเพื่อปิดหน้าต่างการตั้งค่า

ทุกอย่างเสร็จเรียบร้อย. สิ่งที่คุณต้องทำตอนนี้คือปิดไฟล์. scss ใด ๆ ที่คุณเปิดไว้จากนั้นเปิดใหม่อีกครั้งและ wha-la สี css ใน Eclipse สำหรับไฟล์. scss!

หมายเหตุ: หากสี CSS Right click the .scss file > Open With > CSS Editorไม่ปรากฏคุณอาจจะต้องทำต่อไปนี้:

หวังว่านี่จะช่วยได้


7
+1 สำหรับการไม่ติดตั้งเครื่องมือพิเศษใด ๆ และใช้ eclipse ตามที่เป็นอยู่ ... อีกทางเลือกหนึ่งอาจเป็น " colorer.sourceforge.net/eclipsecolorer "
spankmaster79

1
@ spankmaster79 eclipsecolorer รองรับเฉพาะไฟล์ sass (ลองวันนี้ในจูโน)
mons droid

1
@mons เปลี่ยนเป็น PHPStorm เร็วกว่ามากรองรับดีกว่ามากและรวบรวมเหตุการณ์เมื่อบันทึกในตัวแก้ไข ลองดูสิ
spankmaster79

1
eclipsecolorer ไม่รองรับ scss มันสนับสนุน sass มีความแตกต่างกัน
mrbinky3000

2
การเพิ่มหมายเหตุสำหรับ: คลิกขวาที่ไฟล์. scss> เปิดด้วย> CSS Editor ใช้แทน> อื่น ๆ ... คลิกตัวแก้ไข CSS จากนั้นเลือก "ใช้ตัวแก้ไขนี้สำหรับไฟล์" style.scss "ทั้งหมดและเลือก" ใช้สำหรับทุกคน " * .scss 'files.
ChrisB

11

Aptana Studioให้การสนับสนุนการระบายสีไวยากรณ์สำหรับ SASS / SCSS และเป็นไปได้ที่จะติดตั้ง Aptana เป็น Plugin ลงใน Eclipse ดูคำพูดต่อไปนี้จากเว็บไซต์ Aptana sDownload:

การติดตั้งผ่าน Eclipse

โปรดคัดลอก URL ของเว็บไซต์อัปเดตต่อไปนี้ไปยังคลิปบอร์ดของคุณจากนั้นทำตามขั้นตอนด้านล่างเพื่อเพิ่ม URL นี้ในรายการไซต์ซอฟต์แวร์ที่มีของคุณ การพยายามเข้าถึง URL นี้โดยใช้เว็บเบราว์เซอร์ของคุณจะส่งกลับข้อผิดพลาด Access Denied

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

  1. จากเมนูวิธีใช้เลือก»ติดตั้งซอฟต์แวร์ใหม่…«เพื่อเปิดกล่องโต้ตอบติดตั้งซอฟต์แวร์ใหม่
  2. วาง URL สำหรับไซต์อัปเดตลงในกล่องข้อความทำงานกับแล้วกดปุ่ม Enter (หรือ Return)
  3. ในตารางที่เติมข้อมูลด้านล่างให้ทำเครื่องหมายในช่องถัดจากชื่อของปลั๊กอินจากนั้นคลิกปุ่มถัดไป
  4. คลิกปุ่มถัดไปเพื่อไปที่หน้าใบอนุญาต
  5. เลือกตัวเลือกเพื่อยอมรับเงื่อนไขของข้อตกลงสิทธิ์การใช้งานแล้วคลิกปุ่มเสร็จสิ้น
  6. คุณอาจต้องรีสตาร์ท Eclipse เพื่อดำเนินการต่อ

2
โปรดทราบว่า Aptana มีธีมระบายสีของตัวเอง หากคุณเคยชินกับธีมสี Eclipse บางธีมให้เตรียมที่จะละทิ้งมันอย่างสมบูรณ์หากคุณติดตั้ง Aptana Plugin
Sturm

คิดไม่ดี! ทำให้บรรณาธิการ Eclipse ของฉันพังโดยสิ้นเชิง
Branislav Lazic

6

คุณสามารถใช้ Eclipse Plug-in ล่าสุดที่เรียกว่า "Colorer" ซึ่งตอนนี้รองรับไฟล์ SASS นี่คือ: http://colorer.sourceforge.net/eclipsecolorer/index.html

เปิด "ติดตั้งซอฟต์แวร์ใหม่" จากเมนู "Help" ใน Eclipse และป้อน " http://colorer.sf.net/eclipsecolorer " ลงในช่อง "Work with" เพื่อติดตั้งปลั๊กอิน


มันรองรับการทำให้สมบูรณ์อัตโนมัติ (เช่น ctrl + space) หรือไม่?
Fuzzo

แสดงข้อผิดพลาดมากเกินไป! เกือบทุกสาย
Saurabh Bayani

มีซอฟต์แวร์ใหม่ใน Eclipse ที่เรียกว่า "Liclipse" ที่ใช้งานได้กับภาษาส่วนใหญ่
Fadi Nouh
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.