LESS 사용 시 에디트플러스에서 CSS 설정 및 구문강조 사용하기
드디어 냑도 반응형 웹 작업에 박차를 가하기 위해 LESS 를 도입했습니다.
2. 항목 (C) 에서 파일 > 설정 & 구문강조 선택 파일종류에서 추가 버튼 클릭
3. 설정 & 구문강조 대화상자에서 파일 종류 설명 입력 에 LESS 입력 후 확인 (다른 이름으로 하셔도 됩니다.)
4. 기본설정 대화상자에서 파일확장자에 less 입력 (똑같이 하셔야 합니다.)
5. 설정 및 구문강조 탭에서 구문파일 입력 [...] 버튼 클릭
6. 파일 선택 대화상자에서 css.stx 열기
7. 기본설정 대화상자에서 적용 후 확인 클릭
8. 아름다운 LESS 구문강조 확인하기
짜잔!
LESS 도입으로 더 빠르고 안전한 작업이 이루어졌으면 좋겠네요.
그런데 LESS 파일을 에디트플러스에서 여니, 흰것은 배경이요 검은것은 글씨더라가 되더라는 겁니다.
CSS 구문강조에 익숙해져 있는 제 저급한 눈은 이런 환경을 견딜 수가 없습니다.
그래서 설정을 조금 바꿔 보기로 합니다. 천천히 따라오세요. 금방 할 수 있습니다.
우선 설정하기 전에 LESS 파일을 불러왔을 때의 모습을 먼저 살펴보겠습니다.
아 가뜩이나 일하기 싫은데 더 일하기 싫게 만드는 비주얼이네요.
다음은 우리가 흔히 보는 CSS 파일을 불러왔을 때의 모습입니다.
화사한 봄처녀 같은 비주얼의 CSS 구문강조
지금부터 하려는 것이 바로 위의 칙칙한 모습을 아래와 같이 밝고 화사하게 만들어주는 일입니다.
1. 문서 (D) > 영구적인 설정 (P) > 기본설정 대화상자
2. 항목 (C) 에서 파일 > 설정 & 구문강조 선택 파일종류에서 추가 버튼 클릭
3. 설정 & 구문강조 대화상자에서 파일 종류 설명 입력 에 LESS 입력 후 확인 (다른 이름으로 하셔도 됩니다.)
4. 기본설정 대화상자에서 파일확장자에 less 입력 (똑같이 하셔야 합니다.)
5. 설정 및 구문강조 탭에서 구문파일 입력 [...] 버튼 클릭
6. 파일 선택 대화상자에서 css.stx 열기
7. 기본설정 대화상자에서 적용 후 확인 클릭
8. 아름다운 LESS 구문강조 확인하기
짜잔!
동일한 방법을 응용하시면 LESS 파일 뿐만 아니라 어떤 파일이라도 원하는 구문강조를 이용하실 수 있습니다.
캄사합니다.
댓글 6개
12년 전
구문강조를 적용하면 button, pre, all 같은 건 빨갛게 표시되네요.
12년 전
오 감사합니다
takumi22
11년 전
감사용
11년 전
와우... 감사합니다... ^^
helptiz
11년 전
와우! 감사합니다~
11년 전
sublime text 2 추천드려요. 플러그인 설치하면 less포맷 컬러 지원해줍니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 17764 | |
| 17761 | |
| 17753 | |
| 17750 |
JavaScript
자바스크립트 메소드 관련..
2
|
| 26370 | |
| 4334 | |
| 4332 | |
| 17749 | |
| 17747 |
JavaScript
클릭하면 레이어로 메뉴영역 올라오는거요~~
1
|
| 26369 | |
| 17746 | |
| 17743 |
기타
쇼핑몰을 구축하려면
2
|
| 17742 | |
| 17740 |
PHP
라이브러리를 만들어서
1
|
| 17738 |
Flash
플래시 작업소스가 없는데
1
|
| 17736 |
MySQL
mysql 커뮤니티 버젼을 사용해서
1
|
| 17734 | |
| 17732 |
JavaScript
flash의 많은 기능들을
1
|
| 30517 |
HTML
php로 사이트 개발시
3
|
| 17729 |
Linux
그누4 에서 메일발송을 사용하려면
2
|
| 17728 |
jQuery
상용 그리드에 버금가는
|
| 17725 |
정규표현식
운전면허번호도
2
|
| 24409 | |
| 17722 |
node.js
node.js 활용사례 좀..
2
|
| 30513 | |
| 17720 |
Mobile
jquery mobile 커스터마이징...
1
|
| 17719 |
PHP
프레임웍 보다는...
|
| 4331 | |
| 17716 | |
| 26368 | |
| 17715 |
node.js
nodeJS 의 scraping
|
| 17713 |
JavaScript
바탕 화면에 생성될 아이콘(파비콘)의 자비스크립트에 대해 에러..ㅠㅠ
1
|
| 17712 |
Mobile
모바일 사이트 링크 걸기..(기본)
|
| 17709 |
JavaScript
ajax호출실패는 어떤 경우에 생기나요?
2
|
| 30511 | |
| 30507 | |
| 30503 | |
| 30500 | |
| 17706 |
JavaScript
스크립트 고수들님.... 초보인데요,,
2
|
| 17704 | |
| 17701 | |
| 17697 |
Mobile
Jindo 모바일 사용해보신분 있으신가요?
3
|
| 17691 | |
| 17685 | |
| 30474 |
HTML
제일 이해안되는 문제..
25
|
| 17674 | |
| 30467 |
HTML
태그 문의드립니다...
6
|
| 17670 |
MySQL
그누보드 innoDB?
3
|
| 17667 |
PHP
무슨뜻일까요>
2
|
| 17664 | |
| 17660 |
MySQL
MYSQL 필드 전체 암호화?
3
|
| 17658 | |
| 17656 | |
| 4325 | |
| 30459 | |
| 4318 | |
| 17653 |
MySQL
SQL Export 하는 중입니다.
2
|
| 30452 | |
| 17649 | |
| 30450 | |
| 30437 | |
| 17647 |
Flash
에러좀 봐주세요...
1
|
| 4315 | |
| 4310 | |
| 30435 |
HTML
스크롤에 따라 변하는 메뉴...
1
|
| 30413 |
HTML
로고 크기에 제한이 있나요?
21
|
| 17646 |
Flash
xml가 로드가 안됩니다ㅠㅠ
|
| 30411 | |
| 17642 |
Linux
윈도우 xp에 리눅스 설치 하면..
3
|
| 17638 | |
| 17636 |
Linux
리눅스 서버 관련 책좀 추천 해주세요..
1
|
| 30407 | |
| 17634 |
node.js
node.js가 간단하게 어떤건가요??
1
|
| 17632 |
MySQL
mysql 튜닝 책 추천 부탁 드립니다.
1
|
| 17627 | |
| 17624 | |
| 17620 | |
| 17619 | |
| 17616 |
Mobile
요즘 하이브리드에 관심이 많아서요..
2
|
| 17614 |
정규표현식
정규식을 공부 하는 방법이 있을까요??
1
|
| 17613 |
MySQL
인덱스 관련해서..
|
| 17609 |
JavaScript
고수님들, jQuery Mobile 은 희망이 없는건가요?
3
|
| 17606 |
MySQL
테이블에 인덱스 걸고 테스트..
2
|
| 17605 |
PHP
사이트 캡쳐 관련해서..
|
| 17601 | |
| 24408 | |
| 17597 |
JavaScript
1차셀렉트값 변경시 2차셀렉트값 변경 질문입니다
3
|
| 4299 | |
| 17594 |
JavaScript
퀵메뉴때매 고생하시는분들을 위한 자작 퀵메뉴 제공 ㅋ
2
|
| 17587 |
JavaScript
주소창에 url직접 입력시에..
6
|
| 17586 |
Flash
플래시 + GD 로 캡쳐하는 방법...
|
| 4295 | |
| 17582 | |
| 17577 |
Linux
리눅스에서 백업 하는 소스입니다.
4
|
| 17569 |
Linux
쉘에서 웹프로그램 실행하기
7
|
| 17568 | |
| 17565 | |
| 30399 | |
| 30394 |
HTML
웹 표준화 관련 사이트들
4
|
| 24400 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기