CSS|HTML

[VSCode] 추천 확장팩

나도시작 2021. 6. 13. 00:05
반응형

https://heropy.blog/2019/04/24/html-css-starter/에서 퍼온글

 

- Korean Language Pack for Visual Studio Code

VS Code의 거의 모든 메뉴가 한국어로 변경됩니다.

 

- Beautify

코드 가독성을 위해 코드 작성 스타일을 (아름답게) 수정합니다.
입문자들에게 적극 추천합니다.

  1. Preferences > Keyboard Shortcut 선택
  2. HookyQR.beautify를 검색(HookyQR.beautifyFile 아니에요!)
  3. 키 바인딩 선택
  4. 원하는 단축키 등록

“Alt + Ctrl + L”(Windows) / “Alt + Cmd + L”(macOS)을 추천합니다.

- Live Server

하단 상태 바(Status bar)에서 Go Live 선택
또는,
HTML 화면에서 우클릭 > Open with Live Server 선택

VS Code 버전에 따라서 이미 설치되어 있을 수 있습니다.

- Auto Rename Tag

태그 이름을 수정할 때 열린 태그와 닫힌 태그가 쌍으로 수정됩니다.
각각 수정해야 하는 번거로움을 줄일 수 있습니다.

그 외 추천

다음 확장 기능들이 당장 필요하지는 않을 겁니다.
나중에 살펴보세요.

Terminal
Live Sass Compiler
Turbo Console log
Better Comments
Highlight Matching Tag

GitLens
REST Client

반응형