[웹퍼블리싱] 웹퍼블리싱- 환경설정(MacOS)

VSCode

(Extension)

- Auto Rename Tag: 여는 태그의 이름을 변경하면 닫는 태그의 이름도 자동으로 변경

- Bracket Light: 에디터의 밝은색 테마 지원. 설정-Color Theme-Bracket Light에서 변경 가능

- CSS Navigation: 특정 HTML 영역에서 Ctrl + 마우스 좌클릭하여 연결된 CSS 확인

- Font Awesome Auto-complete & Preview: 폰트 어썸 아이콘을 실시간으로 미리 보여줌

- html tag wrapper: 상위 태그를 자동으로 감싸 줌. 그룹할 태그를 드래그해 Ctrl + i로 선택

- Live Server: 웹 서버를 통해 결과물을 실시간으로 브라우저로 보여 줌

- Power Mode: 코드를 입력할 때 특수 효과를 적용

- Prettier-Code Formatter: 줄 바꿈 등을 자동 정렬해주는 포메터

- vscode-icons: 에디터의 내비게이션 아이콘 모양을 변경

 

 

 

HTML 세팅

1) ! + Tab으로 자동완성

2) html:5 입력후 Enter로 자동완성