웹 개발자를 위한 18가지 최고의 Sublime 텍스트 패키지

디자이너/개발자를 위한 코드 편집기는 부족함이 없습니다. 그러나 항상 나머지 소프트웨어와 차별화되는 소프트웨어 유형이 있을 것이며 코드 편집기 시장에서 수천만 명의 프로그래머를 도운 세계에서 가장 광범위하고 의도적으로 사용되는 코드 편집기인 Sublime Text가 바로 Sublime Text입니다. 본격적인 개발자와 웹사이트 디자이너가 되기 위해 Sublime Text의 마법은 유연한 기능과 사용자 정의 패키지 및 플러그인으로 코드 편집기를 확장하는 기능에 있습니다.

올바른 패키지를 사용하면 완전히 포괄적인 빌드, 테스트 및 실행 환경을 반영하는 Sublime Text 환경을 만들 수 있습니다. 이는 생산성뿐만 아니라 빌드 중인 코드/소프트웨어의 품질도 추가합니다. Sublime Text는 백엔드 및 프론트엔드 프로그래밍 언어를 많이 사용하는 사람들에게 완전히 친숙한 개발 환경을 제공합니다. 프론트 엔드 개발자는 Sublime에 열광하며 그들의 열정이 학습 ​​곡선에 매우 중요하다는 것을 알게 될 것입니다.

Sublime Text가 시장의 다른 어떤 코드 편집기보다 두드러지게 만든 것은 사용자 정의 플러그인과 사용자 정의 Sublime Text 테마를 추가하여 코딩 경험을 개인화하는 데 사용할 수 있는 패키지 관리자의 통합입니다. 이로 인해 개발 환경에 가장 다양한 기능을 추가하는 수천 개의 고유한 Sublime 플러그인이 개발되었습니다. 일부 플러그인은 백만 번 이상 다운로드되어 Sublime Text를 지구상에서 최고의 코드 편집기로 만드는 데 큰 성공을 거두었습니다. 우리는 버전 2와 버전 3 모두를 위한 최고의 Sublime Text 플러그인만을 선보일 것입니다. 우리는 프론트엔드와 백엔드 개발자 모두가 이 플러그인을 사용할 의도로 최대한 다양한 것을 포함하도록 했습니다. 의견에 자신의 것을 공유하십시오!

패키지 관리

패키지 제어는 이 목록에서 다른 모든 것을 작동하게 하므로 Sublime Text 설치를 위해 다운로드하고 활성화해야 합니다. Sublime의 핵심 플러그인입니다. 모든 종류의 Sublime 플러그인을 다운로드, 설치 및 활성화할 수 있는 간단한 모듈에 액세스할 수 있지만 일반적인 개발자 작업도 지원하고 코딩에 더 많은 시간을 할애할 수 있습니다. 현재까지 700만 명 이상의 사용자가 Package Control을 설치했으며 이는 Sublime 패키지 관리자의 엄청난 인기를 나타내며 오픈 소스 프로젝트가 수백만 명의 사용자로부터 기부를 받는 비용으로 어떻게 도움이 될 수 있는지에 대한 증거입니다. 플랫폼을 사용하는 사람은 정말 놀라운 일입니다.

구체화된 CSS 조각

Materialise는 머티리얼 디자인 표준을 사용하여 현대적이고 반응이 빠른 디자인 개발을 위한 거대한 프론트엔드 프레임워크입니다. Sublime용 Materialized 플러그인은 CSS 구성 요소를 편집기로 직접 가져와 기본 명령으로 즉시 액세스할 수 있습니다. 이렇게 하면 수동으로 구문을 찾는 데 드는 엄청난 시간과 에너지를 절약할 수 있습니다. 이는 Sublime과 같은 코드 편집기에 중요한 또 다른 요소입니다. 패키지를 더 많이 사용할수록 특정 라이브러리와 심지어 프로그래밍 언어가 작동하고 특정 구문의 사용을 더 잘 이해할 수 있는 방법.

표준 형식

서식 지정은 더 견고한 코드베이스를 만드는 데 도움이 될 뿐만 아니라 코드를 만질 다른 사람이 코드를 통해 더 나은 탐색 액세스 권한을 갖도록 돕기 위해 코더에게 항상 중요합니다. StandardFormat 플러그인은 잘 알려진 Standard Format JS 라이브러리를 가져온 다음 작성한 코드에 대해 실행하여 코드를 기존 JS 표준 형식 코드로 변환합니다. 매우 빠르게 진행하고 결과는 놀랍습니다.

단말기

결론은 생산성입니다. Sublime Text 플러그인은 시간 절약에 관한 것입니다. 개발 환경을 훨씬 부드럽고 유연하며 확실히 사용할 수 있도록 하는 도구와 기능을 제공합니다. 터미널은 사용을 시작할 때까지 필요하지 않다고 생각하는 라이브러리 중 하나입니다. 패키지/플러그인이 하는 일은 현재 편집 중인 파일 위치에서 터미널을 여는 데 사용할 수 있는 바로 가기 및 메뉴 항목을 생성하거나 프로젝트가 있는 루트 폴더로 빠르게 이동할 수도 있습니다. 물론 터미널. 그것은 쉬운 기능을 가진 쉬운 패키지이지만 이미 220,000명 이상의 사람들의 삶을 더 쉽게 만듭니다. 당신은 그들 중 하나입니까?

라라벨 블레이드 하이라이터

당신은 과거에 PHP 개발자였을지 모르지만, 당신은 언어에 질려 새로운 것을 시도하기로 결정했습니다… PHP와 일반적인 PHP 개발의 판도를 바꾼 소스 PHP 프레임워크. 의심할 여지 없이 10년 동안 가장 인기 있는 프레임워크 중 하나는 고유한 것을 만들겠다는 비전을 가진 단일 개발자가 커뮤니티에 모두 제시했으며 그 비전은 말할 것도 없이 빠르게 달성되었습니다. Laravel은 프레임워크 위에 새 소프트웨어 개발을 지원하는 특정 구문인 Blade Engine이라는 것을 사용합니다. 솔직히 말해서.. 이 플러그인의 도움 없이 Sublime에서 Laravel을 코딩하는 것은 상상하기 어렵고 120,000명이 저에게 동의할 것입니다. 저것.

일반 작업

그들은 진정으로 성공한 사람들은 자신의 삶과 달성하고자 하는 목표를 관리하기 위해 목록을 사용한다고 말합니다. 어떤 면에서 그 진술은 옳고, 목록은 우리의 목표와 프로젝트를 관리하는 데 도움이 되며, 특정 문제에 대한 우리의 입장에 대한 간결한 이해를 제공합니다. 이것이 바로 우리가 하려고 하는 일에 대한 타임라인을 갖고 있기 때문에 목록이 좋은 이유입니다. PlainTasks를 사용하면 Sublime 편집기 내에서 직접 할 일 목록을 만들 수 있습니다. 프로젝트에 대한 로드맵을 빠르게 평가하고 생성하여 빌드하려는 것에 대한 필수 이해를 제공할 수 있으며, 이는 Sublime 내에서 수행되기 때문에 항상 탭으로 이동하여 여전히 필요한 것이 무엇인지 읽을 수 있습니다. 완료하거나 이미 완료된 일을 건너뜁니다.

제이 쿼리

Colorlib에서 우리는 jQuery를 사랑합니다. 우리는 jQuery에 대한 강한 열정을 가지고 있으며 주제에 기반한 우리의 과거 출판물이 이에 대한 충분한 증거가 되어야 합니다. 여기, 여기, 여기를 참조하십시오. 500,000명 이상의 개발자가 적극적으로 즐기고 사용하는 플러그인인 Sublime Text 사용자를 위한 jQuery 플러그인을 홍보하게 되어 매우 기쁩니다. jQuery는 웹의 언어이며 웹을 보다 인터랙티브하고 사용자에게 친숙하게 만듭니다.

Sublime용 jQuery 플러그인은 프로그래밍하려는 내용을 직관적으로 이해하고 새로운 jQuery 코드를 작성할 때마다 힌트, 단서, 팁 및 자동 완성 기능을 제공합니다. 5분마다 문서를 다시 참조하지 않고도 코드를 작성할 수 있기 때문에 생산성 수준이 완전히 향상될 것입니다. 이것은 특히 많은 코딩과 관리가 필요한 프로젝트에 적용됩니다. 플러그인이 당신을 위해 모든 힘든 일을 하도록 하는 것은 값을 매길 수 없으며, 이 플러그인을 사용하는 단 몇 시간 만에 명확해집니다. 이 플러그인은 생명(생산성)을 절약해 줍니다!

사스

SASS는 배워야 할 전처리기입니다! CSS 프로그래밍을 새로운 시각으로 경험하고 싶다면 스크립트 언어를 10초마다 동일한 구문과 패턴을 재사용할 필요가 없는 실제 함수형 프로그래밍 언어로 쉽게 변환할 수 있는 전처리기를 배우는 것이 도움이 됩니다. SASS는 CSS로 "프로그래밍"하고 CSS를 기능적 대안으로 취급하는 것을 매우 쉽게 만듭니다. 어쨌든 SASS 플러그인은 이미 거의 480,000번 다운로드되었습니다. 이 믿을 수 없을 정도로 다재다능한 플러그인은 SASS 기능을 Sublime 워크플로에 추가하여 Sass를 보다 효율적이고 정확하게 사용할 수 있도록 합니다.

색상 선택기

필요한 색상을 찾기 위해 몇 분마다 웹을 다시 참조하는 것을 잊어버리십시오. 그 모든 힘든 작업은 편집기에서 직접 발생하거나 프론트 엔드 개발자가 말하는 것처럼 브라우저에서 이루어져야 합니다. ColorPicker는 주어진 순간에 스타일을 지정하려는 것이 무엇이든 적합한 색상을 선택하는 간단한 방법을 제공하는 Sublime Text 편집기의 기능 향상을 제공합니다. ColorPicker는 모든 플랫폼에서 작동하며 Haskell에서 Hello World를 말하는 방법을 배우는 것보다 사용하기 쉽습니다!

더 적은

LESS는 탄탄한 추종자 커뮤니티가 있는 또 다른 전처리기입니다. 플러그인은 LESS를 사용하여 빌드된 모든 프로젝트 파일에 대해 자동 완성 및 구문 강조를 수행합니다. 370,000개 이상의 활성 설치가 있는 이 플러그인은 지금까지 출시된 최고의 Sublime Text 플러그인 중 하나입니다.

Js 형식

JS Beautifier는 JavaScript 코드를 다시 아름답게 만듭니다! 개발자 서클에서 작동하는 방식입니다. 코드를 최적화하고 잘 최적화해야 합니다. JsFormat은 JS Beautifer 라이브러리를 사용하여 JavaScript 코드의 형식을 지정하는 데 사용되는 Sublime 플러그인입니다.

브라켓 하이라이터

따라서 Bracket Highlighter라는 이름은 대괄호와 태그를 강조 표시하는 데 도움이 되는 Sublime 텍스트 도구입니다. 몇 년 동안 존재하지만 작성자는 코드를 완전히 다시 작성하여 Bracket Highlighter를 보다 유연하고 실용적으로 만들어 사용자가 쉽게 최대한 활용할 수 있도록 했습니다. 말할 필요도 없이, 당신을 잘 할 여러 가지 특징과 기능이 있습니다. 다중 선택과 함께 작동하고 훌륭한 사용자 정의 기능이 제공되며 사용자 정의 거터 아이콘 및 바위 토글 브래킷 탈출 모드를 지원합니다. 또한 완전한 설치 가이드를 얻을 수 있으며 요점을 파악하기 위해 나머지 문서를 읽을 수 있습니다.

아나콘다

Anaconda는 Sublime Text 3를 모든 기능을 갖춘 Python 개발 IDE로 전환하려는 경우 기본적으로 완벽하게 작동하는 훌륭한 솔루션입니다. 물론 다양한 실용적인 옵션과 혜택을 누릴 수 있는 기능이 함께 제공됩니다. 즉, 취향과 규정에 따라 정밀하게 조정하고 Anaconda를 변경할 수 있습니다. 도구를 그대로 사용할 수 있지만 성능이 훨씬 더 원활하게 작동하므로 구성에 익숙해지는 것이 좋습니다. 그리고 Anaconda에 기꺼이 기여하려는 개발자라면 그렇게 할 수도 있습니다.

파일 아이콘

Sublime Text 경험을 향상시키고 눈에 더 매력적으로 만들고 싶다면 A File Icon이 그 트릭을 수행할 것입니다. 파일별 아이콘을 Sublime Text에 추가하여 데이터를 훨씬 더 편안하게 찾는 확장 프로그램입니다. 사용 가능한 아이콘을 미리 정의된 그대로 사용할 수 있지만 수정하고 편집할 수도 있습니다. 색상, 아이콘 크기 및 불투명도 수준을 변경할 수 있으므로 결과가 스타일에 정확하게 맞습니다. 초보자와 전문가 모두가 쉽게 사용할 수 있도록 모든 세부 정보, 설치, 문제 해결 및 기타 정보를 온라인 설명서에서 찾을 수 있습니다.

모두 자동 완성

모든 단일 개발자가 동의할 수 있는 한 가지 기능이 Sublime과 같은 코드 편집기에 매우 중요하다면 자동 완성됩니다. 자동 완성을 사용하면 동일한 작업을 계속해서 반복해야 한다는 걱정 없이 쉽게 함수 이름을 변경하거나 새 구문을 추가할 수 있습니다. 아니.. 자동 완성이 이 모든 것을 처리합니다! 그리고 이 Sublime Text 편집기용 All Autocomplete 플러그인은 직관적인 인터페이스를 사용하여 코드 자동 완성과 관련하여 세상을 놀라게 할 것입니다. 이 플러그인은 열려 있는 모든 프로젝트 파일에서 일치하는 구문을 검색하도록 기본 자동 완성 기능을 확장합니다.

HTML-CSS-JS 예쁘게

코드를 예쁘게 꾸미는 것이 중요합니다! 이는 귀하의 아이디어를 기반으로 탐색하고 구축하고자 하는 모든 사람을 위해 향후 사용을 위해 코드를 정렬하는 데 도움이 됩니다. 이 Prettyfier는 특히 HTML5, CSS3, JavaScript 및 JSON 코드 형식에서 작동합니다. 모두 Node.js를 통해 처리됩니다!

워드프레스

물론 WordPress 개발자를 어떻게 잊을 수 있습니까? WordPress를 적극적으로 사용하는 사람들을 위한 실제 패키지가 있습니다. Sublime Text는 원하는 만큼 플러그인을 설치할 수 있는 방식으로 작동합니다. 이것을 염두에 두어야 합니다. 플러그인 목적을 지원하는 코드를 사용하기 시작할 때만 기능이 시작됩니다. 여기에 WordPress 플러그인도 있습니다. 작업 중인 WordPress 관련 프로젝트에 대한 WordPress 관련 구문을 작성하는 데 도움이 되는 모듈입니다. 완전히 새로운 수준으로 WP 개발을 가속화하십시오!

자바 스크립트 다음 – ES6 구문

ECMAScript 2016이 출시되었으며 모두가 그것에 대해 열광하고 있습니다! 브라우저는 이미 ES7 통합 작업을 하고 있습니다. 그 동안 잠시 숨을 고르고 여기에서 직접 사용할 수 있는 것에 집중합시다. 여전히 ES6 구문을 배우는 데 어려움을 겪고 있다면 JavaScriptNext 사본을 가져와야 합니다. 개발자는 자동 완성을 위해 특별히 제작된 Sublime 플러그인을 제작하고 ES6 구문 강조 표시를 도와줍니다.

바벨

그러나 ES6 구문도 지원하는 Babel의 팬일 수 있습니다. 이 경우 Babel 플러그인을 가져와서 ES6 프로그래밍을 하면 됩니다. 무엇을 하기로 결정하든 즐거운 코딩!

진지한 개발자를 위한 최고의 코드 편집기

Sublime의 성공은 마케팅에 기반하지 않습니다. Sublime이 그렇게 쉽게 제공하는 디자인과 기능 팔레트 내에서 개발자들이 찾은 순수한 매력입니다. 플러그인 및 사용자 정의 테마를 통해 확장할 수 있으므로 모든 종류의 개발자의 요구에 맞게 Sublime을 효과적으로 사용자 정의할 수 있습니다. 또한 최신 프레임워크와 해당 구문을 Sublime 워크플로에 통합할 수 있습니다. 문서를 다시 확인할 필요가 없습니다. 게다가 누가 Sublime의 생산적인 기능을 따라갈 수는 없습니다. 누가 어쨌든 경쟁하고 싶겠습니까? 수백만 명이 Sublime에 자신의 작업을 바쳤습니다. 새로운 코드 편집기를 배우려면 많은 시간이 필요하며 어쨌든 실패한 모험일 가능성이 큽니다.