JavaScript 및 TypeScript 개발 시 토토 커뮤니티(이하 VSCode)에 ESLint 및 Prettier를 도입하여 품질 및 개발 효율성을 향상시키는 방법에 대한 예를 소개합니다
토토 커뮤니티란 무엇입니까
토토 커뮤니티는 코드를 정적으로 분석하고 잠재적인 오류와 문제를 감지합니다 이를 통해 버그를 조기에 발견할 수 있습니다
무엇이 더 예뻐요
토토 커뮤니티는 자동으로 코드 형식을 지정하고 특정 스타일을 일관되게 적용합니다 이를 통해 코드 스타일에 대한 논쟁을 줄일 수 있습니다
예
예를 들어 VSCode에 소스를 다음과 같이 작성합니다
일반적으로 오류는 브라우저에서 실행한 후에만 감지되지만, 토토 커뮤니티가 설치되어 있으면 VSCode 콘솔에 표시됩니다
출력됩니다소스를 작성할 때 오류를 아는 것이 편리합니다
예를 들어, 소스 코드에서 "()" 앞뒤에 공백을 넣거나 프로그램 줄 사이에 빈 줄을 넣는 것은 프로그래머의 정책에 따라 다르지만 이러한 정책의 차이로 인해 때때로 다른 사람들이 소스 코드를 분석하기 어려울 수 있습니다
위의 예에서는 토토 커뮤니티 코딩 규칙을 위반한 노란색 물결선이 나타납니다이 물결선에 커서를 놓고 "Ctrl+"를 누르십시오 키보드에서 ⇒ "이 더 예쁜/예쁜 문제를 해결하세요"를 눌러 소스를 자동으로 포맷하세요모든 오류를 수정하려면 "자동 수정 가능한 문제 수정"을 클릭하세요
앞으로 점점 더 유용한 도구와 기능이 출시될 것이라고 생각합니다
나는 눈을 크게 뜨고 이를 활용하여 개발의 품질과 효율성을 더욱 향상시키고 싶습니다
