Front-End

[Front-End] Visual Studio Code - 추천 확장 기능

HappyWeasel 2019. 5. 25. 15:48

설치 : https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

추천 확장 기능

Korean Language Pack for Visual Studio Code 

한글 패치

 

Beautify

가독을 위찬 기능 별 색 처리

  1. Preferences > Keyboard Shortcut 선택
  2. HookyQR.beautify를 검색(HookyQR.beautifyFile 아니에요!)
  3. 키 바인딩 선택
  4. 원하는 단축키 등록
  5.  Alt + Ctrl + L (Windows) / Alt + Cmd + L (macOS)을 추천합니다.

 

Live Server

소스코드를 실행 시 브라우저 화면에 바로 띄워준다.

하단 상태 바(Status bar)에서 Go Live 선택
또는,
HTML 화면에서 우클릭 > Open with Live Server 선택VS Code 버전에 따라서 이미 설치되어 있을 수 있습니다.