개발자를위한 SublimeLinter 사용 안내서

Linter 현대 웹 개발에 없어서는 안될 도구입니다. 코드를 작성할 때 오류가 있는지 확인하고 모범 사례를 시행하는 데 도움이됩니다. SublimeText를 사용하는 경우 SublimeLinters를 설치하는 것이 좋습니다. 몇 년 동안, SublimeLinters는 SublimeText의 강력한 도구 모음으로 선정되어 다양한 프로그래밍 언어의 링크에 연결되는 공식 패키지를 가져 왔습니다..

이 튜토리얼에서는 SublimeLinter를 설치하고 설정하는 방법을 설명합니다. 시작하자..

시작하기

SublimeLinter 4를 설치하는 가장 쉬운 방법은 SublimeText Package Control을 사용하는 것입니다. 그 이후로 부주의 한 Linter 3, 마다 린터 별도로 설치해야합니다. 이렇게하면 SublimeLinter가 린터 우리가 설치 한.

프로젝트에서 HTML, CSS, JS 및 PHP를 사용하기 때문에이 언어에 대한 linter를 설치하고 싶습니다. 에서 패키지 제어, 다음 플러그인과 함께 SublimeLinter를 설치합니다.

• SublimeLinter-html-tidy
• SublimeLinter-stylelint
• 하위 리그어 - 에스 클린트
• SublimeLinter-php

그런 다음 해당 플러그인을 작동 시키려면 해당 플러그인을 설치해야합니다. 린터 HTML Tidy, CSSLint, JSHint 및 PHP CLI 언어.

OSX를 사용하는 사람들에게는 Tidy와 PHP가 시스템에 미리 설치되어 있습니다. 확인하려면 다음 두 명령을 연속적으로 실행하십시오..

 깔끔한 - 버전 PHP는 - 버전 

이 명령은 가지고있는 Tidy와 PHP 버전을 보여줍니다. Sublime Text에서 계속 사용할 수 있습니다..

Windows 또는 Linux를 사용 중이거나 설치되어 있지 않은 경우 아래 지침을 수행 할 수 있습니다..

HTML Tidy 설치하기

HTML Tidy를 설치하려면 다음을 수행하십시오.

• OSX에서, 터미널에서이 명령을 실행하십시오. 양조 설치 homebrew / dupes / tidy
• Linux의 경우, 이 명령을 사용하십시오. sudo apt-get install 깔끔하게 설치하십시오..
• Windows의 경우, TidyBatchFiles에서 EXE 설치 프로그램을 가져올 수 있습니다..

PHP CLI 설치

• OSX 사용자는 PHP를 시스템에 설치할 수 있습니다. curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 명령. 이것은 최신 버전 인 PHP 5.5를 작성 시점에 설치합니다..
• 리눅스 사용자는 DigitalOcean에서이 포괄적 인 자습서를 따를 수 있습니다..
• Windows 사용자, 여기에서 설치 프로그램을 다운로드 할 수 있습니다..

스타일 설치

다음으로 CSS 파일의 모범 사례를 확인하고 적용 할 수있는 Stylelint라는 CSS linter를 설치합니다. 세 가지 플랫폼 (OSX, Windows 및 Linux) 모두에서 다음 지침을 따를 수 있습니다. 나는 NPM에 Node.js를 이미 설치했다고 가정합니다..

Stylelint를 설치하려면 다음을 실행하십시오.

 npm install -g 스타일리스트 

Stylelint 구성 파일을 프로젝트 디렉토리에 추가하고 stylelint-config-standard와 같은 미리 정의 된 구성을 추가로 설치해야합니다. 이들을 구성한 후에는 다음과 같이 오류를 강조 표시해야합니다..

ESLint 설치하기

우리는 또한 ESLint, 자바 스크립트에 대한 현대적이고 고도로 구성 linter를 설치하려고합니다. 이렇게하면 JavaScript를 작성할 때 발생할 수있는 오류를 포착 할뿐만 아니라 모범 사례를 적용하는데도 도움이됩니다. ESLint를 설치하려면 NPM과 함께 Node.js도 필요합니다..

설치하려면 다음을 실행하십시오..

 npm install -g eslint 

마찬가지로 프로젝트에 ESLint 구성을 추가하거나 eslint-config-recommended와 같은 미리 정의 된 구성을 사용해야합니다.

우리는 모두 준비가되어 있습니다. 우리는 시작할 수있다. 보풀 SublimeLinter 4를 사용하여 SublimeText의 HTML, CSS, JS 및 PHP.

SublimeLinter 4의 새로운 기능

SublimeLinter 4는 몇 가지 새로운 기능을 제공하며, 쉽게 눈에 띄는 것은 열린 파일의 모든 오류를 표시하는 패널입니다. Mac의 경우 Command + Ctrl + A를 누릅니다. Windows 및 Linux의 경우 Ctrl + K, Ctrl + A를 누를 수 있습니다.

단축키는 다음 스크린 샷과 같이 오류 목록을 보여줍니다..

사용 ↑ 과 ↓ 목록을 탐색하려면 페이지가 오류가 발생한 정확한 행으로 스크롤됩니다..

더 나은 비주얼

이제 오류 메시지가 표시되는 곳에서 편집기 나 오류가 발생한 줄에 마우스를 가져 가면됩니다. 이전 버전에서는 불가능했습니다..

고도로 구성 가능한

SublimeLinter 4는 이전보다 더 많은 설정을 할 수 있습니다. 예를 들어, 이제 사용자 정의 “스타일” 각각의 린터 구성으로. 이렇게하면 각 linter에 대한 아이콘, 색상, lint 모드, 경로 및 환경 변수를 따로 설정할 수 있습니다.

추가 참조

이 짧은 소개가 SublimeLinter를 시작하고 실행하는 데 도움이되기를 바랍니다. 고급 기능을 더 원한다면 참조를 참조 할 수도 있습니다..

• SublimeLinter 공식 문서
• 소프트웨어와 프로그래밍의 보푸라기 - WikiPedia
• 하위 라이브러리 저장소