IT

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

lottoking 2020. 7. 30. 09:37
반응형

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


파일에서 구문 강조를 사용하여 Eclipse에서 SCSS 파일을 편집하고 싶습니다 .scss.

나는이 자원들이 가치있는 것을 발견했다 :

Eclipse 편집기에서 SCSS 개발을 통합 비용 부담해야합니까?

또는 좀 더 일반적으로 CSS 프리 프로세서를 Eclipse에 통합 구매해야해야합니까?


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

.scss 파일 유형을 Eclipse [Part 1]의 기본 Eclipse CSS Editor와 연관됩니다. 그런 다음 .scss 파일 유형을 기본 CSS 편집기에도 추가해야 할 CSS 편집기가 열 수 있습니다 [Part 2]. 이클립스 단계는 다음과 유연합니다 (Indigo, Web Developers 용 Eclipse Java EE IDE를 실행 중임).

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는 네이티브 CSS 편집기와 연관습니다. 이제 .scss 파일을 지원하도록 기본 CSS 편집기를 구성합니다. 이렇게 다음 단계를 수행하십시오.

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

  1. 이동 Window > Preferences

  2. 드릴 다운 General > Content Types

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

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

  5. 에 대해 Content type:입력 *.scss한 다음 확인을 클릭하십시오 OK.

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

다 했어요 이제 .scss 파일을 닫은 다음 .scss 파일 용 Eclipse의 CSS 색상 인 wha-la, 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을 작업 대상 텍스트 상자에 있습니다. Enter (또는 Return) 키를 누르십시오.
  3. 다음 단추를 클릭하십시오.
  4. 다음 버튼을 클릭하여 페이지로 이동하십시오.
  5. 계약 조건에 동의하는 옵션을 선택하고 완료 단추를 클릭하십시오.
  6. 계속해서 Eclipse를 다시 시작해야 할 수도 있습니다.

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

Eclipse의 "도움말"메뉴에서 "새 소프트웨어 설치"를 " 작업 대상"상자에 " http://colorer.sf.net/eclipsecolorer "를 입력 하여 설치하십시오.

참고 URL : https://stackoverflow.com/questions/7614612/how-to-integrate-css-pre-processing-within-eclipse

반응형