비주얼 스튜디오 코드 필수 설치 플러그인(추천)

비주얼 스튜디오 코드 필수 설치 플러그인(추천)

 

비주얼 스튜디오 코드 플러그인 설치는 각 플러그인을 검색해서 설치 하시면 됩니다. ^^

 

1. Korean Language Pack for Visual Studio Code(한글 언어팩) 

"표시 언어 구성" 명령을 사용하여 VS Code 표시 언어를 명시적으로 설정함으로써 기본 UI 언어를 재정의할 수 있습니다. "Ctrl+Shift+P"를 눌러 "명령 팔레트"를 표시한 후 "표시"를 입력하기 시작하여 "표시 언어 구성" 명령을 필터링 및 표시합니다. "Enter" 키를 누르면 현재 로캘이 강조 표시된 상태로 로캘별로 설치된 언어의 목록이 표시됩니다. UI 언어를 전환하려면 다른 "로컬"을 선택합니다. 

 

. Auto Rename Tag

자동으로 대응/매칭되는 태그명을 변경해준다

 

3. Auto Close Tag

자동으로 Close 태그를 생성해준다. 

 

4. Code Runner

VSCode에서 사용 가능한 파일 실행을 위한 확장(Extension)입니다.

5. Live Server

코드를 작성하다가 브라우저에 가서 새로고침을 할 필요 없이 코드가 저장이되면 바로 브라우저에 변경코드가 적용이 된 상태로 보여준다. 

6. CSS Peek

Ctrl을 누르고 id나 class 이름에 마우스를 올리면 현재 적용되어 있는 CSS를 보여준다. 그 상태로 이름을 클릭하면 곧바로 CSS파일의 해당 위치로 커서가 이동한다. 동일한 CSS파일 내에 중복으로 정의가 되어 있다면 참조 화면이 생성되어 해당 내용을 보여준다.

7. HTML CSS Support

CSS에 사용된 선택자를 HTML에서 자동완성 해 줍니다.

8. Material Icon Theme

VSCode의 Icon의 테마를 바꾸고 싶을 때 쓰는 플러그인

9. HTML Snippets

HTML 코드를 자동 완성

10. JavaScript (ES6) code snippets

ES6를 포함한 자바스크립트 코드 자동완성 지원
snippet : 재사용 가능한 코드의 작은 조각
snippet 이라는 이름을 가지고 있는 확장 프로그램들은 미리 등록된 코드 블록을 바탕으로 개발자가 코드를 좀더 빠르고 정확하게 작성할 수 있도록 해준다.

 

11. Bracket Pair Color DLW

각각의 괄호pair를 다른 색상으로 구분하게함

12. Open In Default Browser

PC에서 각각 기본으로 사용하고 있는 브라우저가 있을 텐데 이 브라우저로 실행할 수 있는 퀵 버튼을 제공해 줍니다.