Emmet기능으로 편리하게 html 구조 완성하기
VsCode에서 html 생성 후 기본구조를 자동으로 작성하게 하려면
!를 누르면 Emmet기능이 활성화 된다.
이 중 첫번째를 선택하면 html의 기본 구조를 편리하게 작성할 수 있다.
!를 누르고 첫번째엔터를 하면 하나하나 손으로 타이핑 하지 않아도
위와 같은 구조가 완성이 된다.
그 때 2번 라인의 lang="en"으로 설정이 되어 있는 것을 볼 수 있는데,
매번 ko로 변경해줘야 하는 번거로움이 있다.
이것을 "ko"나 다른 언어등으로 고정할 수 있는 방법이 있다!
보기 > 명령팔레트를 누르거나 ctrl + 3을 누르면
명령팔레트가 중앙 상단에 나타난다.
이곳에 settings.json을 입력하고
첫 번째에 보여지는 기본 설정 : 설정 열기 preferences:Open Settings (JSON)을 선택해 준다.
settings.json 파일 안에 위와 같이 4줄의 문구를 넣어준다
editor.tabSize : 코드 들여쓰기 공백 개수 (2개 권장)
emmet.variables : <html>의 기본 lang속성 설정
그 후 다시 emmet을 사용해서 ! 엔터 해주면
위와 같이 기본 언어가 ko로 변경 된 걸 볼 수 있다.
설정을 해두면 편리하게 개발을 할 수 있다 :)
'💻 더 나은 개발자 되기 > 셋팅, 오류, 꿀팁' 카테고리의 다른 글
| [VSCode] 저장 자동 줄바꿈 안되게 금지 + 화면크기에 따라 에디터 줄바꿈(반대도 가능!) 초기셋팅추천! (6) | 2022.03.12 |
|---|---|
| [셋팅] SourceTree, 소스트리 다크 테마로 변경하기 (2) | 2022.03.12 |
| [git] Sourcetree와 git 연결하기 (2) | 2022.03.11 |
| [VsCode] reset.css cdn 프로젝트 CSS스타일 초기화 jsdelivr.com 제공 버전 (4) | 2022.03.11 |
| [에러]building' has encountered a problem. errors occurred during the build. (3) | 2022.03.10 |