VS Code Extension

< Markdown 지원 VS Code Extensions >

 

Markdown All in One

- Yu Zhang

- 문법강조, 미리보기 기능 지원

 

Markdown PDF

- yzane

- PDF 파일 변환

 

Markdown Preview Github Styling

- Matt Beirner

- Github 스타일의 미리보기 지원

---

 

Korean Language Pack for Visual Studio Code

- 한국어 세팅

---

< HTML 작성에 도움 주는 Extensions >

 

Auto Close Tag

- 시작태그를 작성하면 종료태그를 자동으로 추가해준다 ( 요즘은 자동으로 있는 기능 )

 

Auto Rename Tag

- 시작태그 수정하면 종료태그도 자동으로 수정해준다

 

Color Highlight

- 색상 코드 값을 실제 색상으로 강조한다

 

Highlight Matching Tag

- 선택한 태그와 함께 반대쪽 태그를 색상으로 강조한다

 

Live Server

- 웹 페이지의 변경사항을 감지하여 페이지를 자동으로 새로고침 한다

---

 

Prettier-Code formatter

- 코드 줄바꿈, 들여쓰기 등 자동 정렬

- 사용방법 :  Ctrl+Shift+P  >  Format Document

 

---

< JavaScript 작성에 도움 주는 Extensions >

ESLint 

- Javascript 구문 검사 기능

- 터미널에서 npm install -g eslint 수행 필요 

 

Code Runner 

- 설치후, Ctrl + Alt + N 단축키로 소스코드 실행

- 환경설정에서  Code-runner: Clear Previous Output,

                                                     Save All Files Before Run,

                                                     Save File Before Run  항목 체크

 

---

< Java 작성에 도움 주는 Extensions >

 

Extension Pack for Java

- Java 개발에 필요한 필수 익스텐션 모음

Ctrl+Shift+P  >  Java Create Java Project  >  ( No Build Tools )

- 코드 실행 및 디버깅  :  F5

단축키	설명
F9	중단점 설정/해제
F5	디버깅 시작 디버깅 중인 경우 - (다른 중단점이 존재할 경우) 다음 중단점으로 이동 - (다른 중단점이 없을 경우) 나머지 코드 일괄 실행
F10	다음 줄 실행
F11	메서드 호출 구문에서 해당 메서드 안으로 들어가기

 

PlantUML

- 클래스 다이어그램 생성 도구

 

PlantUML Previewer

- PlantUML 로 작성된 다이어그램 뷰어

 

PlantUML Syntax

- PlantUML 문법 강조 도구

 

Code Generator For Java

- Ctrl+Shift+P 

>  constructor  >  Generate Constructor Using All Fields  >  getter setter

>  Generate toString()

 

Todo Tree

---

Log File Highlighter

- 로그 파일에 색상 강조를 추가하여 로그 이벤트의 흐름을 쉽게 따라가고 문제를 식별할 수 있도록 한다

---

Spring Boot Extension Pack

- Spring Boot 애플리케이션 개발을 위한 확장 모음

• Spring Boot Extension Pack에 종속된 확장
  • Spring Boot Tools
  • Spring Initializr Java Support
  • Spring Boot Dashboard

---

< React >

 

ESLint

Javascript 구문 검사 기능 터미널에서 npm install -g eslint 수행 필요하다

 

npm Intellisense

import 할 모듈의 이름이나 경로에 대한 자동완성 제공

 

vscode-styled components

JS 구문안에서 사용될 SCSS구문을 인식할 수 있게 한다

 

---

< Go >

 

Code Runner    |    Jun Han

VS Code에서 다양한 프로그래밍 언어를 빠르게 실행할 수 있게 해준다. "Run Code" 버튼을 클릭하면 코드가 터미널에서 실행되고, 결과가 바로 출력된다.
여러 언어 지원,  코드 실행 결과를 터미널에 출력,  사용자 지정 명령어로 실행 가능

Go    |    Go Team at Google

Go 언어 개발에 특화된 VS Code 익스텐션

Go 파일의 구조를 시각적으로 보기 좋게 표시하고, 코드 탐색을 쉽게 도와준다.

함수, 변수, 구조체 등의 정의와 호출 관계를 트리 형식으로 나열하여, 코드 탐색을 보다 효율적으로 만들어 준다.

 

Go Outliner    |    Go code outline explorer

자동 코드 완성 (IntelliSense),  실시간 오류 검출,  디버깅 지원,  코드 포맷팅 (Go fmt),  코드 리팩토링,  Go 모듈 및 패키지 관리,  테스트 지원,  코드 탐색 기능,  코드 내비게이션 기능을 제공,  Go Modules 지원,  Go Doc 통합