visual studio code html 구조 자동 완성

html 구조 자동 완성

visual studio code 툴에서 html 파일을 만들고 작성할 때 일일이 구조를 작성하면 시간이 너무 많이 쓰이게 되고 손가락도 아프다. 또한 실수할 가능성이 높아 html 구조 자동완성을 사용하는 것이 좋다. 자세한 내용은 본문을 참고하도록 하자.

html 구조 자동 완성

첫번째 사진을 보면 html 파일을 처음 생성했을 때의 모습이다. 사진에 보이는 것과 같이 아무것도 없는 빈 창인 것을 볼 수 있다. 처음 서론에서 말했던 것처럼 html 파일을 작성할때 하나하나 구문 하나씩 모두 작성하려고 하면 시간이 많이 쓰이게 된다. 따라서 html 자동완성 기능을 사용하는 것인데 이는 매우 간단하게 사용할 수 있다. 매우 쉽다.

바로 단축키 !+TAB을 사용하면 바로 자동으로 작성이 된다. 한 번 두번째 사진을 보자. 사진과 같이 html 기본 구조가 한번에 작성된 것을 볼 수 있다. 매우 편리한 기능이다. 여태까지 직접 하나하나씩 작성하며 시간을 버렸다면 이 기능을 사용해보길 바란다.

또한 다른 문장들을 작성하다가도 자동완성 기능을 사용할 수 있다. 이때는 비주얼 스튜디오에서 코딩하다가 TAB키 누르면 자동완성 기능이 실행된다. 그런데 이 때, 내가 원하는 단어들이 안나오고 엉뚱한게 나올때가 있다. 그럴땐 당황하지 말고 아래와 같이 하면 된다. (1) 비주얼 스튜디오 상단 메뉴바 중 [도구] -> [옵션] 클릭 (2) 옵션 창 뜨면 왼쪽 탭중 "편집기" 선택 후 오른쪽 항목 스크롤바를 쭉 내려서 "자동 완성 사용" 체크 해제! 그리고 확인 버튼 누르고 다시 해보면 제대로 나온다.