코드를 확인하고 테스트하여 웹 사이트에 배치되기 전에 시간이 지남에 따라 제거 할 수 있도록 코드를 확인하고 테스트하는 것이 매우 중요한 프로세스입니다. 코드 검사 프로세스는 일반적으로 웹 디자이너와 개발자 사이의 줄을 끄는 것으로 알려져 있습니다. 디자이너로서 최적화 된 코드를 작성하려면 라인 도구가 필요합니다. 코드 점검 도구에는 두 가지 유형이 있습니다. 하나는 실행 시간 동안 코드의 오류 및 버그를 확인하는 것입니다. 다른 하나는 정적 코드 분석 기술을 사용하고 실행하기 전에 코드를 확인하는 것입니다. 후자는 시간과 문제를 절약 할 수 있기 때문에 분명히 더 좋습니다.
실제로, 라인은 다른 단계에 배치 할 수 있습니다. 입력하는 동안 코드를 테스트하려면 보풀 도구를 사용할 수 있습니다. 물론, 무대에서 파일을 유지하거나 보풀 코드를 실행하려면 라인 툴도 원하는대로 수행 할 수 있습니다. 그것은 개인의 선택에 달려 있습니다. CSS 및 JavaScript를위한 최고의 라인 툴을 찾고 있다면 계속 읽으십시오.
1.CSSLINT
분명히 CSSLINT는 "당신의 감정을 상하게 할 것"이지만, 대가로 "코드를 훨씬 더 좋게 만들 것"입니다. CSSLINT는 현재 CSSLinting 시장을 이끌고 있습니다. 오픈 소스뿐만 아니라 수많은 구성 옵션이 제공됩니다.
2. Sublimelinter Csslint
CSSLINT는 효율적인 CSSLinting 도구로서 일치 할 수있는 경쟁자를 찾기가 어렵습니다. 어쩌면 SublimelInterlinting 프레임 워크가 CSSLINT 위에 CSSLinting 플러그인을 구축하는 이유 일 것입니다. Sublimelinter는 보풀 코드 (CSS, PHP, Python, Java, Ruby 등)를 사용자에게 제공하는 Sublimetext 플러그인입니다.
3. Stylelint
스타일 린트는 개발자가 CSS, SCSS 또는 기타 PostCS에서 구문 분석 할 수있는 구문 오류를 피하는 데 도움이됩니다. Stylelint는 100 개 이상의 규칙을 테스트했으며 전환하려는 규칙을 선택할 수 있습니다 (이 예제 구성 참조).
4.W3C CSS 유효성 검사기
W3C의 CSS Validator는 일반적으로 라인 툴로 간주되지 않지만 개발자에게 공식 W3C 표준으로 CSS 코드를 확인할 수있는 좋은 기회를 제공합니다. W3C는 자체 검증 프로그램을 구축하여 C 언어를위한 Lint Program Inspector와 유사한 도구를 제공하는 것을 목표로합니다.
5. 디티 마크 업
Dirty Markup은 HTML, CSS 및 JavaScript 코드를 청소, 형식 및 확인할 수 있습니다. 간단하고 간단한 디자인을 좋아하고 빠른 솔루션을 원한다면 선택할 수 있습니다. Dirty Markup은 편집기에서 코드를 작성하거나 수정할 때 오류 메시지와 알림을 실시간으로 던질 수 있습니다.
6.jslint
JSLINT는 원래 Douglas Crockford에 의해 2002 년에 출시되었으며 그 이후로 번성 해 왔으므로 안정적이고 신뢰할 수있는 JavaScript Linting 도구로 안전하게 식별 할 수 있습니다.
7. jshint
JSHINT는보다 구성 가능하고 완고한 완고한 버전의 JSLINT를 만들기위한 노력으로 시작하는 커뮤니티 중심의 프로젝트입니다. JSHINT를 통해 개발자는 라인 옵션을 구성한 다음 사용자 정의 구성을 별도의 파일에 넣을 수 있으므로 도구를 쉽게 재사용 할 수 있으므로 대규모 프로젝트에 적합합니다.
8. eslint
Eslint는 JavaScript Linting 매크로에서 최근 큰 이벤트입니다. 매우 유연한 성격 때문에 인기가 있습니다. 많은 수의 최첨단 라인팅 규칙을 사용자 정의하고 모든 주요 코드 편집기와 통합 할 수있을뿐만 아니라 다른 플러그인을 추가하여 기능을 쉽게 확장 할 수 있습니다.
9.JSC
JSC 또는 JavaScript 코드 스타일은 코드 형식 규칙을 확인하는 데 사용되는 JavaScript 용 플러그 가능한 코드 스타일 라인입니다. JSC의 목표는 특정 인코딩 스타일 마법사와 프로그래밍 방식으로 준수하는 방법을 제공하는 것입니다. JSC는 버그 및 오류를 확인하지 않지만 Google, AirBnB 및 AngularJS와 같은 첨단 산업의 많은 플레이어가 여전히 사용하고 있으며 개발자가 읽을 수 있고 일관된 코드 기반을 유지하도록 도와줍니다.
10. Standardjs
Standardjs 또는 JavaScript Standard Style은 JSC와 비슷한 코드 스타일의 라이터이지만 차이점은 단순하고 간단하다는 것입니다. StandardJS는 구성에 시간을 보내고 싶지 않고 상자에서 작동하는 효율적인 도구를 원한다면 훌륭한 선택입니다.
번역 링크 : http://www.codeceo.com/article/10-css-javascript-linting-tool.html
원본 영어 : 코드 최적화를위한 10 CS 및 JavaScript Linting 도구