Sublime Text 2 : scss 및 Less 파일에 색상을 지정하는 방법은 무엇입니까?
저는 Sublime Text 2를 사용하고 있으며 css.scss및 css.less파일은 주석, 대괄호, 구문-모든 흰색 텍스트로되어 있습니다. 일반 css파일을 보면 위의 모든 것을 구별 할 수있는 색상이 있습니다. 다른 사람이 이것을 처리 했습니까? 내가 얻는 버그입니까? 나만의 색상을 추가하거나 일반 css파일 에서 동일한 설정을 가져 와서 less및 scss하나에 추가하려면 어떻게해야합니까?
특정 확장에 대한 구문을 설정할 수 있습니다. 이것을보십시오 :
확장자가 .scss / .less 인 해당 파일을 엽니 다. 상단 메뉴에서 보기> 구문> [선택 사항 : 현재 확장명으로 모두 열기 ...]> CSS로 이동합니다.
SublimeText 환경 설정> 패키지 제어에서.
"패키지 제어 : 패키지 설치"를 선택합니다.
이제 상자에 "LESS"를 입력합니다. 나타나는 첫 번째 옵션을 클릭하십시오.
Sublime을 다시 시작하십시오.
LESS 파일 열기
보기> 구문. 적게 선택
SASS도 마찬가지입니다.
숭고한 텍스트로 색상이 적은 구문을보기 위해 패키지를 설치하는 가장 좋은 방법은 다음 링크를 따르는 것입니다.
https://sublime.wbond.net/installation#st2
왜냐하면 여기에 선행 답변에 쓰여진 명령 줄이 작동하지 않는 경우 어떻게해야하는지에 대한 지침이 있기 때문입니다. Sublime Text의 다른 버전에 대해 두 개의 다른 명령 줄이 있습니다.
패키지가 설치되면 View> Syntax 메뉴 옵션에서 LESS 카테고리를 볼 수 있습니다.
나에게 그것은 많은 도움이되었습니다. 그것이 당신에게도 효과가 있기를 바랍니다!
다음 코드를 복사하여 숭고한 텍스트 콘솔 (보기-> 콘솔 표시)에 붙여 넣어 패키지 관리자를 설치할 수 있습니다.
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')
설치되면 ctrl + shift + p를 누르고 install을 작성한 다음 패키지 설치를 클릭하십시오. 나타나는 화면에서 sass를 작성한 다음 sass 구문 패키지를 클릭하십시오. 완료되면 scss 파일을 열고 ctrl + shift + p를 누른 다음 sass를 작성하고 "set syntax : sass"를 클릭하십시오.
패키지 관리자를 통해 less및 sass플러그인을 설치하여 해당 파일 유형에 대한 올바른 구문 강조 표시를 얻으십시오.
경우 패키지 제어가 당신의 숭고한 텍스트에 설치되어 있지 않은 수동으로 패키지 설치할 수 있습니다.
LESS 패키지를 수동으로 설치 하려면 다음 절차를 따르십시오.
- LESS 패키지 다운로드 : https://github.com/danro/LESS-sublime/archive/master.zip
- 아카이브 패키지 압축 해제
- Sublime Text에서 Preferences → Browse Packages ... 로 이동합니다 .
- 패키지 폴더를 방금 연 새 창에 복사 / 붙여 넣기
- Sublime Text 다시 시작
- 여
.less파일을 - 이동 모두 같은 현재의 확장자보기 → 구 → 열기 ... 이하 →
SCSS 패키지 를 설치하려면 동일한 절차를 수행해야합니다.
SCSS 패키지 직접 다운로드 : https://github.com/MarioRicalde/SCSS.tmbundle/archive/master.zip
즐거운 코딩 되세요!
'program tip' 카테고리의 다른 글
| 빈 iframe src가 유효합니까? (0) | 2020.11.13 |
|---|---|
| 내 CSS 번들링이 bin 배포 된 MVC4 앱에서 작동하지 않는 이유는 무엇입니까? (0) | 2020.11.13 |
| Android에서 전체 애플리케이션에 대한 사용자 지정 글꼴을 설정하는 방법은 무엇입니까? (0) | 2020.11.13 |
| C #에서 파일을 읽고 쓰는 방법 (0) | 2020.11.13 |
| 장고 양식-레이블 설정 (0) | 2020.11.13 |