LESS-편집자 및 플러그인

이 장에서는 LESS에서 편집기플러그인 의 중요성을 이해할 것 입니다. 편집기는 사용자가 텍스트를 편집 할 수있는 시스템 또는 프로그램입니다. 플러그인은 사이트의 기능을 확장하는 데 사용되는 소프트웨어입니다.

이제 LESS를위한 편집기와 IDE에 대해 논의하겠습니다.

Sr. 아니. 편집자 및 IDE 및 설명
1 결정적 시기!

Windows, MacLinux 와 같은 크로스 플랫폼을 지원합니다 . 통합 컴파일 기능이있는 편집기를 제공합니다.

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 로 컴파일하는 숭고한 텍스트 23 플러그인 . 그것은 필요합니다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 ++를 설치하려면이 링크를 클릭하십시오 .