Làm thế nào để tích hợp tiền xử lý CSS trong Eclipse? [đóng cửa]

Tôi muốn chỉnh sửa các tệp SCSS trong Eclipse, tốt nhất là với tô sáng cú pháp cho .scsscác tệp.

Tôi thấy những tài nguyên này có giá trị:

• http://sass-lang.com/editors.html - không có trình chỉnh sửa chỉ dành cho tệp .scss .sass
• http://colorer.sourceforge.net/eclipsecolorer - chỉ có tệp .scss

Làm cách nào để tích hợp phát triển SCSS trong trình soạn thảo Eclipse?

Hoặc nói chung hơn, làm cách nào để tích hợp bộ xử lý trước CSS vào Eclipse?

Tôi vừa tìm ra cách thực hiện việc này trong Eclipse. Tôi thừa nhận rằng giải pháp này không hỗ trợ 100% SASS, màu sắc hơi sặc sỡ khi sử dụng css lồng nhau, nhưng có lẽ nó sẽ tốt hơn so với nhìn vào văn bản thuần túy và bạn không cần cài đặt một trình chỉnh sửa riêng.

Bạn cần liên kết loại tệp .scss với Trình chỉnh sửa CSS Eclipse gốc trong Eclipse [Phần 1]. Sau khi làm điều đó, bạn cũng cần thêm loại tệp .scss vào Trình chỉnh sửa CSS gốc để Trình chỉnh sửa CSS có thể mở nó [Phần 2]. Dưới đây là các bước cho eclipse (Tôi đang chạy Eclipse Java EE IDE dành cho các nhà phát triển web, Indigo):

Phần 1 - Liên kết loại tệp .scss với Trình chỉnh sửa CSS Eclipse gốc

1. Đi đến Window > Preferences

2. Đi sâu vào General > Editors > File Associations

3. Trong ngăn Liên kết tệp, nhấp vào nút 'Thêm ... "ở trên cùng bên phải.

4. Đối với File Type:, nhập *.scssvà sau đó nhấp vào OK.

5. Tìm *.scssmục nhập trong File Associationsdanh sách và chọn mục đó.

6. Sau khi chọn *.scss, trên ngăn dưới cùng Associated editors:, nhấp vào Add...nút.

7. Đảm bảo Internal editorsđược chọn ở trên cùng, sau đó tìm và chọn CSS Editorrồi nhấp vào OK.

Điều này đã liên kết loại tệp .scss với Trình chỉnh sửa CSS gốc làm lu mờ. Bây giờ chúng ta phải định cấu hình CSS Editor gốc để hỗ trợ các tệp .scss. Để thực hiện việc này, hãy làm theo các bước sau:

Phần 2 - Thêm loại tệp .scss vào Trình chỉnh sửa CSS gốc

1. Đi đến Window > Preferences

2. Đi sâu vào General > Content Types

3. Trong ngăn Loại nội dung, hãy mở rộng Text, sau đó chọnCSS

4. Sau khi CSSđược chọn, trên File associations:ngăn dưới cùng , nhấp vào Add...nút.

5. Đối với Content type:, nhập *.scssvà sau đó nhấp vào OK.

6. Nhấp OKđể đóng cửa sổ Tùy chọn.

Tất cả đã được làm xong. Tất cả những gì bạn cần làm bây giờ là đóng mọi tệp .scss mà bạn đã mở, sau đó mở lại chúng và tạo màu css trong Eclipse cho các tệp .scss!

Lưu ý: Nếu những màu sắc css không xuất hiện bạn có thể phải làm như sau: Right click the .scss file > Open With > CSS Editor.

Hi vọng điêu nay co ich.

Aptana Studio cung cấp hỗ trợ tô màu cú pháp cho SASS / SCSS và có thể cài đặt Aptana dưới dạng Plugin vào Eclipse. Xem phần trích dẫn sau từ trang web Aptana sownload:

Cài đặt qua Eclipse

Vui lòng sao chép URL Trang web Cập nhật sau đây vào khay nhớ tạm của bạn và sau đó làm theo các bước được liệt kê bên dưới để thêm URL này vào danh sách Trang web Phần mềm Có sẵn của bạn. Cố gắng truy cập URL này bằng trình duyệt web của bạn sẽ trả lại lỗi Truy cập bị Từ chối.

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

1. Từ menu Trợ giúp, chọn »Cài đặt Phần mềm Mới…« để mở hộp thoại Cài đặt Phần mềm Mới.
2. Dán URL của trang cập nhật vào hộp văn bản Work With và nhấn phím Enter (hoặc Return).
3. Trong bảng được điền dưới đây, hãy chọn hộp bên cạnh tên của plugin, sau đó nhấp vào nút Tiếp theo.
4. Nhấp vào nút Tiếp theo để chuyển đến trang giấy phép.
5. Chọn tùy chọn để chấp nhận các điều khoản của thỏa thuận cấp phép và nhấp vào nút Hoàn tất.
6. Bạn có thể cần khởi động lại Eclipse để tiếp tục.

Bạn có thể sử dụng Trình cắm Eclipse mới nhất có tên "Colorer" hiện hỗ trợ các tệp SASS. Đây là: http://colorer.sourceforge.net/eclipsecolorer/index.html

Mở "Cài đặt phần mềm mới" từ menu "Trợ giúp" trong Eclipse và Nhập " http://colorer.sf.net/eclipsecolorer " vào hộp "Làm việc với" để cài đặt trình cắm thêm