정적 분석 도구 + FireLinker

인트로

이번 주에 Firelinker에 몇 가지 정적 분석 도구를 추가했습니다. 추가된 도구는 prettier로 알려진 Code Formatter, eslint로 알려진 Linter 및 vscode의 IDE 지원이었습니다. 또한 Husky를 사용하여 커밋하기 전에 내 코드를 형식화하는 사전 후크를 추가했습니다. 이 블로그는 도구를 획득하고 사용하는 과정을 설명합니다.

코드 포맷터

Prettier 웹 기술(HTML,CSS,JS,GRAPHQ 등)을 위한 매우 인기 있는 코드 포맷터이며 이를 프로젝트의 종속성으로 추가하는 방법에 대한 매우 유용한 문서가 있습니다.
https://prettier.io/docs/en/install.html
Prettier는 구현하기가 매우 쉽고 기본 설정이 훌륭합니다. 전반적으로 저는 Prettier를 추가하는 프로세스가 매우 쉽고 매우 보람이 있다는 것을 알았습니다. 전체 프로젝트에서 더 예쁘게 실행하기 위해 package.json에 스크립트를 추가했으며 최고의 도구 중 하나입니다.

린터

eslint 자바스크립트 코드용 린터이며 설정으로 매우 사용자 정의할 수 있습니다. linter는 내 코드를 깨끗하고 위험 없이 유지하는 데 도움이 됩니다. 그것은 당신이 선택할 수있는 많은 표준입니다. 나는 다음을 선택한다
. 나는 또한 보푸라기 오류를 찾기 위해 2개의 스크립트 1을 추가했고 다른 하나는 언급된 보푸라기 오류를 수정하려고 시도했습니다. 해당 스크립트를 실행했을 때 많은 보푸라기 오류와 내 코드에 불일치가 있었다고 말해야 합니다. linter는 내가 그것들을 찾고 고치는 데 도움을 주었습니다. 이 도구는 매우 유용하며 향후 모든 노드 프로젝트에 사용할 것입니다.

IDE

내가 추가한 ide 지원은 vscode에 대한 것이었고 내가 추가한 것은 ide에 대한 기본 린터 및 포맷터와 탭 간격, 저장 시 형식 및 줄 끝과 같은 작은 것들입니다. 또한 지원팀은 내 프로젝트에서 IDE 시작에 필요한 확장을 권장합니다. 이 도구는 저장 시 형식과 같은 일부 기능이 훌륭하다는 흥미로운 추가 기능이었습니다.

커밋 전 후크

내 전체 저장소를 형식화하는 더 예쁜 스크립트를 호출하는 사전 커밋 후크를 추가했습니다.

"husky": {
    "hooks": {
      "pre-commit": "pretty-quick --staged"
    }
  } 

이것은 간단하지만 프로젝트에 대한 훌륭한 추가 기능입니다. 이것은 IDE 또는 커밋 시 자동으로 수행하는 것과 같은 것에 의존하지 않습니다. 이것은 여러 개발자가 있는 모든 프로젝트에 매우 필요하므로 오픈 소스 프로젝트에 적합합니다.

반사

전반적으로 이 도구는 프로젝트에 큰 도움이 되며 많은 프로세스를 자동화하여 코드를 모든 작업의 ​​초점으로 만듭니다. 사전 커밋 후크는 정말 놀랐고 사전 커밋을 자동화할 수 있는 더 많은 것을 찾고 싶습니다. 제대로 린트되지 않은 경우 린트를 수행하고 커밋을 중지할 수 있지만 다음에 문제를 추가하거나 확인하기 위해 문제를 추가할 수 있습니다. 누구든지 그것을 추가할 수 있습니다.