programing

이클립스 내에서 CSS 사전 처리를 통합하는 방법은 무엇입니까?

easyjava 2023. 5. 29. 21:52
반응형

이클립스 내에서 CSS 사전 처리를 통합하는 방법은 무엇입니까?

저는 이클립스에서 SCSS 파일을 편집하고 싶습니다. 가급적이면 구문 강조를 사용하여.scss파일

다음과 같은 리소스가 유용하다고 생각했습니다.

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

이클립스 편집기 내에서 SCSS 개발을 통합하려면 어떻게 해야 합니까?

아니면, 좀 더 일반적으로, 어떻게 CSS 프리프로세서를 이클립스에 통합합니까?

방금 이클립스에서 이걸 어떻게 하는지 알아냈어요.이 솔루션이 100% SAS를 지원하지 않는다는 것은 인정합니다. 중첩된 CSS를 사용하면 색상이 약간 펑키해지지만, 일반 텍스트를 보는 것보다 훨씬 낫고 별도의 편집기를 설치할 필요가 없습니다.

Eclipse[Part 1]에서 .scss 파일 형식을 기본 Eclipse CSS Editor와 연결해야 합니다.그런 다음 CSS Editor가 열 수 있도록 .scss 파일 형식을 네이티브 CSS Editor에도 추가해야 합니다 [Part 2].다음은 Eclipse를 위한 단계입니다(I'm running Eclipse Java EEIDE for Web Developers, Indigo).

1부 - .scss 파일 형식을 기본 Eclipse CSS Editor와 연결

  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 Editor를 구성해야 합니다.이 작업을 수행하려면 다음 단계를 수행합니다.

파트 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 파일을 닫고 다시 열고 이클립스 for .scss 파일의 와라, css 색상을 표시하기만 하면 됩니다!

색상이 해야 할 수도 .Right click the .scss file > Open With > CSS Editor.

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

Eclipse를 통해 설치

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

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

  1. 도움말 메뉴에서 "Install New Software..."를 선택하여 Install New Software 대화상자를 엽니다.
  2. 업데이트 사이트의 URL을 작업 대상 텍스트 상자에 붙여넣고 Enter(또는 Return) 키를 누릅니다.
  3. 아래 표에서 플러그인 이름 옆에 있는 확인란을 선택하고 다음 단추를 클릭합니다.
  4. 다음 버튼을 클릭하여 라이센스 페이지로 이동합니다.
  5. 라이센스 계약 조건에 동의하는 옵션을 선택하고 Finish(마침) 버튼을 클릭합니다.
  6. 계속하려면 Eclipse를 다시 시작해야 할 수 있습니다.

이제 SAS 파일을 지원하는 "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

반응형