목록LANGUAGE/HTML (3)
JUST DO IT
[HTML] Visual Studio Code 줄 정렬 단축키
Visual Studio Code에서 HTML의 코드를 정렬하는 방법입니다. Shift + Alt + F 1. 위의 단축키로 간단히 정렬할 수 있고↓ ↓ ↓ ↓ ↓ 2. HTML 문서에서 우클릭 > Format Document 를 선택하여 정렬할 수도 있습니다.↓ ↓ ↓ ↓ ↓
LANGUAGE/HTML
2024. 11. 26. 21:10
VSCode에서 Live preview, Auto rename tag 설치하기
Visual Studio Code에서 필수 extension인 Live preview와 Auto rename tag 설치방법입니다. 1. VSCode를 실행 후 Extensions 로 가서 Live preview를 검색 후 설치합니다. 2. 같은 방법으로 Auto rename tag 또한 검색 후 설치합니다. 3. 설치 후 우측 상단에 Show Preview 버튼을 누르면 4. 아래와 같이 페이지를 미리 볼 수 있습니다. 5. Auto Rename Tag 또한 태그를 열면 자동으로 닫아주는 태그가 생성되는것을 확인할 수 있습니다.
LANGUAGE/HTML
2024. 11. 12. 20:08