vscode 확장 기능 질문 드립니다.
본문
vscode 에서 html 마크업 중 예를 들어
class 인데 calss 라는 식으로 입력이 되면 틀렸다고 실시간 검사되는 기능이 있나요?
어후 오타 난줄도 모르고 클래스 적용이 왜 안되는지 10분 넘게 원인 찾다가 오타 발견 하고.. 수정하는 경우가 종종 있어서요
답변 1
VSCode에서 HTML 마크업을 작성할 때, 오타를 실시간으로 검사하는 기능이 있습니다. 이를 위해 몇 가지 설정을 할 수 있습니다.
1. **HTML Linting Extension 설치**:
- VSCode의 확장 마켓플레이스에서 `HTMLHint`와 같은 HTML Linter를 설치하면, 실시간으로 HTML 코드의 오류를 검사할 수 있습니다.
- 설치 후, 설정을 통해 실시간 검사를 활성화할 수 있습니다.
2. **설정 확인**:
- VSCode 설정(`Ctrl + ,`)에서 "Lint" 또는 "HTML"을 검색하여 관련된 설정을 확인하고 조정할 수 있습니다.
- 예를 들어, `"html.validate.html"` 옵션이 활성화되어 있는지 확인하세요.
3. **Emmet 설정**:
- Emmet은 HTML과 CSS 작업을 더 쉽게 해주는 도구인데, 클래스 이름을 자동으로 수정해주는 기능도 제공합니다. 이를 통해 입력 실수를 줄일 수 있습니다.
이 방법들을 통해 오타를 줄이고, 코드 작성 시 더 나은 경험을 할 수 있을 거예요!
챗지피티 답변입니다.
답변을 작성하시기 전에 로그인 해주세요.