LESS-편집자 및 플러그인
이 장에서는 LESS에서 편집기 와 플러그인 의 중요성을 이해할 것 입니다. 편집기는 사용자가 텍스트를 편집 할 수있는 시스템 또는 프로그램입니다. 플러그인은 사이트의 기능을 확장하는 데 사용되는 소프트웨어입니다.
이제 LESS를위한 편집기와 IDE에 대해 논의하겠습니다.
Sr. 아니. | 편집자 및 IDE 및 설명 |
---|---|
1 | 결정적 시기!
Windows, Mac 및 Linux 와 같은 크로스 플랫폼을 지원합니다 . 통합 컴파일 기능이있는 편집기를 제공합니다. |
2 | Mindscape 웹 워크 벤치
CoffeeScript, SASS, Compass 및 LESS 편집을 제공하고 Visual Studio에서 최신 웹 개발을 쉽게 만듭니다. |
삼 | NetBeans
오픈 소스 Java 기반 IDE입니다. 이를 통해 데스크톱, 모바일 및 웹 애플리케이션은 물론 HTML, JavaScript 및 CSS를 포함하는 HTML5 애플리케이션을 빠르게 개발할 수 있습니다. |
4 | TextMate
Mac OS X 용 범용 그래픽 텍스트 편집기입니다. 선언적 사용자 정의, 기록 가능한 매크로, 스 니펫, 셸 통합, 열린 문서 탭 및 확장 가능한 번들 시스템을 제공합니다. |
5 | 정력
vim 번들은 동적 스타일 시트 언어 LESS를 위해 들여 쓰기, 강조 표시 및 자동 완성과 같은 기능을 추가합니다. |
6 | 이맥스
LESS CSS (lesscss.org)를위한 Emacs 모드를 제공하는 less-css-model을 포함합니다. Emacs는 저장시 컴파일을 지원합니다. |
7 | jetBrains WebStorm 및 PhpStorm
WebStrom은 가볍고 강력한 IDE입니다. Node.js를 사용한 복잡한 클라이언트 측 및 서버 개발에 완벽하게 장착되어 있습니다. PhpStorm은 깊은 코드 이해를 지원하고 모든 주요 도구 및 프레임 워크에 대한 최고의 코딩 지원 및 지원을 제공하는 PHP IDE입니다. |
8 | 브래킷
웹 디자이너와 프런트 엔드 개발자를 돕는 가볍고 강력한 오픈 소스 코드 편집기입니다. |
9 | 코드 랍스터
주로 PHP를위한 휴대용 IDE (통합 개발 환경)입니다. 또한 HTML, CSS 및 JavaScript 개발을 지원하며 Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii 및 CakePHP에 대한 플러그인을 사용할 수 있습니다. |
10 | KineticWing IDE
빠르고 깨끗하며 가볍고 휴대 가능한 IDE입니다. 스마트하고 빠르게 작업 할 수 있도록 도와주는 풀 사이즈 개발 제품군입니다. |
11 | nodeMirror
오픈 소스이며 쉽게 사용자 지정할 수있는 IDE입니다. CodeMirror.net, pty.js 및 기타 라이브러리를 활용합니다. |
12 | HTML-Kit 도구
이것은 HTML5, CSS3, JavaScript 등을위한 최신 웹 편집기입니다. 이를 통해 최신 표준 호환 편집기에서 프로젝트를 편집, 미리보기, 검증 게시 및 관리 할 수 있습니다. |
숭고한 텍스트 2 및 3
숭고한 텍스트는 다음 표에 나와있는 LESS에 대해 서로 다른 옵션을 제공합니다 -
Sr. 아니. | 옵션 및 설명 |
---|---|
1 | 덜 숭고함
숭고한 텍스트에 대한 LESS 구문은 스 니펫과 함께 .less 파일에 대한 구문 강조 표시를 제공합니다 . |
2 | Sublime-Less-to-CSS
저장할 때 .less 파일을 CSS 로 컴파일하는 숭고한 텍스트 2 및 3 플러그인 . 그것은 필요합니다lessc PATH에 설치되었습니다. |
삼 | 덜 숭고한
적은 빌드 시스템 숭고한 텍스트 2 LESS 파일을 두 빌드 시스템을 제공, 모두 축소 된 비 축소 된. |
4 | SublimeOnSaveBuild 저장을 클릭 할 때 빌드를 트리거하는 sublime text 2 용 간단한 플러그인입니다 . LESS, Compass 및 기타와 같은 전처리 기와 잘 작동합니다. |
식
Eclipse 에는 다음 표에 나열된 LESS 용 플러그인이 두 개 있습니다.
Sr. 아니. | 플러그인 및 설명 |
---|---|
1 | Eclipse Less 플러그인
Eclipse IDE를 확장함으로써이 플러그인은 LESS 스타일 시트를 편집하고 컴파일하는 데 유용한 기능을 제공합니다. |
2 | Transpiler 플러그인
이 Eclipse 플러그인은 LESS, SASS, CoffeeScript 등과 같은 파일을 자동으로 트랜스 파일합니다. |
비주얼 스튜디오
Visual Studio 에는 LESS에 대해 다음과 같은 다른 옵션이 있습니다.
Sr. 아니. | 옵션 및 설명 |
---|---|
1 | CSS가 적다
이 확장은 CSS 언어 서비스로 LESS 파일을 열 수있게합니다. |
2 | Web Essentials 2012
이 확장을 사용하면 일반적인 작업을 훨씬 쉽게 수행하고 웹 개발자를위한 Visual Studio에 유용한 기능을 추가 할 수 있습니다. |
삼 | 웹 에센셜 2013
특정 언어 또는 편집기에 국한되지 않는 많은 새로운 기능으로 Visual Studio를 확장합니다. |
4 | 웹 도구 2013
이것은 ASP.NET과 관련된 개발 작업에 도움이됩니다. |
드림위버
Dreamweaver로 작업하는 동안 다음 사항을 고려해야 합니다.
웹 디자이너와 개발자가 응용 프로그램과 웹 사이트를 만드는 데 사용하는 Adobe 응용 프로그램입니다.
- 브라우저, 장치 및 태블릿을 포함한 여러 플랫폼에서 작동 할 수 있습니다.
웹 디자이너는 Dreamweaver를 사용하여 웹 사이트 프로토 타입을 만듭니다.
DMXzone Less CSS Compiler 는 Dreamweaver에서 직접 모든 LESS CSS 기능을 제공합니다.
메모장 ++ 6.x
Notepad ++에서 작업하는 동안 다음 사항을 고려해야 합니다.
Notepad ++는 탭 편집을 지원하는 무료 텍스트 편집기 및 소스 코드 편집기입니다. 즉, 단일 창에서 여러 개의 열린 파일로 작업 할 수 있습니다.
LESS for Notepad ++는 .less 파일에 대한 구문 강조 또는 색상 표시를 제공하는 xml 파일입니다. 자세한 정보를 보려면이 링크를 클릭하십시오 .
Notepad ++를 설치하려면이 링크를 클릭하십시오 .