Eclipse 내에서 CSS 전처리를 통합하는 방법은 무엇입니까? [닫은]

Eclipse에서 SCSS 파일을 편집하고 싶습니다 .scss. 파일에 대한 구문 강조 표시를 사용하는 것이 좋습니다 .

다음 리소스가 유용하다는 것을 알았습니다.

• http://sass-lang.com/editors.html-.scss 파일 전용 편집기 없음 .sass
• http://colorer.sourceforge.net/eclipsecolorer-.scss 파일 만 있습니다.

Eclipse 편집기 내에서 SCSS 개발을 어떻게 통합 할 수 있습니까?

또는보다 일반적으로 CSS 전처리기를 Eclipse에 통합하는 방법은 무엇입니까?

이클립스에서이 작업을 수행하는 방법을 알아 냈습니다. 나는이 솔루션이 100 % SASS를 지원하지 않는다는 것을 인정하고, 중첩 된 CSS를 사용할 때 색상이 약간 펑키 해지지 만 일반 텍스트를 보는 것보다 훨씬 낫고 별도의 편집기를 설치할 필요가 없습니다.

.scss 파일 유형을 Eclipse [Part 1]의 기본 Eclipse CSS 편집기와 연관시켜야합니다. 그런 다음 CSS 편집기에서 열 수 있도록 .scss 파일 유형을 기본 CSS 편집기에도 추가해야합니다 [Part 2]. 다음은 eclipse의 단계입니다 (웹 개발자 용 Eclipse Java EE IDE, Indigo를 실행 중입니다).

1 부-.scss 파일 유형을 기본 Eclipse CSS 편집기와 연결

1. 이동 Window > Preferences

2. 드릴 다운 General > Editors > File Associations

3. 파일 연결 창에서 오른쪽 상단의 '추가 ...'버튼을 클릭합니다.

4. 에 대해 File Type:를 입력 *.scss한 다음을 클릭 OK합니다.

5. 목록 에서 *.scss항목을 찾아 File Associations선택하십시오.

6. 을 선택한 후 *.scss하단 창 Associated editors:에서 Add...버튼을 클릭 합니다.

7. Internal editors상단에서가 선택되어 있는지 확인한 다음을 찾아 선택 CSS Editor하고을 클릭 OK합니다.

이것은 파일 유형 .scss를 Eclipse 네이티브 CSS 편집기와 연결했습니다. 이제 .scss 파일을 지원하도록 기본 CSS 편집기를 구성해야합니다. 이렇게하려면 다음 단계를 따르십시오.

2 부-기본 CSS 편집기에 .scss 파일 유형 추가

1. 이동 Window > Preferences

2. 드릴 다운 General > Content Types

3. 콘텐츠 유형 창에서을 확장 Text한 다음CSS

4. 을 CSS선택한 후 하단 File associations:창에서 Add...버튼을 클릭 합니다.

5. 에 대해 Content type:를 입력 *.scss한 다음을 클릭 OK합니다.

6. OK기본 설정 창을 닫으 려면 클릭하십시오 .

모두 완료되었습니다. 지금해야 할 일은 열려있는 모든 .scss 파일을 닫은 다음 다시 열고 Eclipse에서 .scss 파일에 대해 CSS 색상을 사용하는 것입니다!

참고 : css 색상이 나타나지 않으면 다음을 수행해야 할 수 있습니다 Right click the .scss file > Open With > CSS Editor..

도움이 되었기를 바랍니다.

Aptana Studio 는 SASS / SCSS에 대한 구문 색상 지정 지원을 제공하며 Aptana를 Eclipse에 플러그인으로 설치할 수 있습니다. Aptana sownload 사이트에서 다음 인용문을 참조하십시오.

Eclipse를 통해 설치

다음 업데이트 사이트 URL을 클립 보드에 복사 한 다음 아래 나열된 단계에 따라이 URL을 사용 가능한 소프트웨어 사이트 목록에 추가하십시오. 웹 브라우저를 사용하여이 URL에 액세스하려고하면 액세스 거부 오류가 반환됩니다.

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

1. 도움말 메뉴에서»새 소프트웨어 설치…«를 선택하여 새 소프트웨어 설치 대화 상자를 엽니 다.
2. 업데이트 사이트의 URL을 Work With 텍스트 상자에 붙여넣고 Enter (또는 Return) 키를 누르십시오.
3. 아래 채워진 표에서 플러그인 이름 옆의 확인란을 선택한 후 다음 버튼을 클릭합니다.
4. 다음 버튼을 클릭하여 라이선스 페이지로 이동합니다.
5. 라이센스 계약 조건에 동의하는 옵션을 선택하고 마침 버튼을 클릭합니다.
6. 계속하려면 Eclipse를 다시 시작해야 할 수 있습니다.

이제 SASS 파일을 지원하는 "Colorer"라는 최신 Eclipse 플러그인을 사용할 수 있습니다. 여기 있습니다 : http://colorer.sourceforge.net/eclipsecolorer/index.html

Eclipse의 "도움말"메뉴에서 "새 소프트웨어 설치"를 열고 " 작업 대상"상자에 " http://colorer.sf.net/eclipsecolorer "를 입력 하여 플러그인을 설치합니다.