반응형
본 문서는 VSCode에서 개발 할 때, 유용한 Plugin에 대해 설명합니다.
해당 Extension들은 필수 설치는 아니며, 기호에 따라 설치하도록 합니다.
1) 유용한 Extension 요약
목적 | 비고 | |
Remote | 서버에서의 작업을 원활하게 해줌 | |
Remote-Containers, Docker |
도커 컨테이너에서의 작업을 원활하게 해줌 | |
Tabout | Tab키를 눌러서 Quotation이나 Parenthesis 밖으로 | |
Bracket Pair Colorizer 2 | 괄호 pair에 맞춰서 색 변화 | |
Todo Tree | TODO 계열 태그들을 하이라이팅 + 찾기 쉽도록 관리 | |
Highlight Trailing White Spaces | 의미 없이 사용된 공백의 스페이스 문자 강조 | ybaumes.highlight-trailing-white-spaces |
EOF Mark | [EOF]이 없이 끝난 파일에 [EOF] 문자 추가 | msfukui.eof-mark |
Better Comments |
alert, informational, TODO 등의 코멘트 강화 기능 | aaron-bond.better-comments |
CMake, CMake Tools | CMake 언어 지원 및 다양한 툴 | twxs.cmake, ms-vscode.cmake-tools |
Doxygen Documentaion Generator | Doxygen 타입의 주석을 작성시 자동화 기능 | |
Auto-Open Markdown Preview | *.md 파일의 출력 결과를 확인 가능 | |
Live Share | HTML을 실시간으로 반영하여 웹으로 시각화 |
2) 유용한 Extension 정리
Remote
- 빌드 서버, 컨테이너 접속용 Remote 플러그인 세트.
- vscode 상에서 서버에 있는 코드에 접근하여 작업할 수 있습니다.
Tabout
- IntelliJ 같은 상용 IDE에서는 Tab키를 눌러서 Quotation이나 Parenthesis 밖으로 나갈 수 있어서 편리한데, vscode에는 이와 같은 기능이 없습니다.
- TabOut을 설치하면 같은 기능을 사용 할 수 있습니다.
Bracket Pair Colorizer 2
- 괄호 pair에 맞춰서 색을 변하게 해주는 유용한 Plugin.
- 각 괄호영역도 표시해주고 괄호 pair에 맞춰서 색을 넣어줘서 Scope 확인하기가 편리합니다.
Todo Tree
- 태깅 기능 제공
- // TODO(Someone): This sentence is nothing.
- TODO 계열 태그들을 찾기 쉽게 해줍니다.
- 또한, 코드 상에서도 하이라이팅 기능이 있어서 한 눈에 파악하기 편리하며, 검색, 그루핑 기능 제공합니다.
Doxygen Documentaion Generator
- Doxygen 타입의 주석을 작성할 때, 자동화 기능이 포함되어 있어 작성 시의 편리함을 제공합니다.
- 해당 플러그인이 기본으로 제공하는 주석의 prefix 는 @로 시작되지만, 설정을 통해 간편히 바꿀 수 있습니다.
Auto-Open Markdown Preview
- md파일 작성과 동시에 출력 결과를 확인가능합니다.
- 실행: [Command] + [Shift] + P를 누르고, Markdown: Open Preview를 실행하면 볼 수 있게 됩니다.
- 단축키: [Shift] + [Command] + V 되지만, 대부분이 다른 작업과 겹치기에 따로 등록하여 사용하는 것을 권장합니다.
Material Icon Theme
- 소스파일 생성과 동시에 확장자 및 이름에 맞춘 아이콘 지정합니다.
- https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
Live Share
- 실시간으로 HTML 반영하여 웹으로 볼 수 있습니다.
- https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
참고
- [오로카] 001 ROS 2 개발 환경 구축: https://cafe.naver.com/openrt/25288
반응형
'Study: DeveloperTools(DevTool) > DevTool: IDE' 카테고리의 다른 글
[IDE] VSCode Springboot 개발환경 설정 (MacOS M1) (0) | 2023.01.21 |
---|---|
[IDE] VSCode React + .Net 개발환경 설정 (MacOS M1) (0) | 2023.01.16 |
[IDE] VSCode C++ 디버깅 환경 세팅(task.json, launch.json): Clang on MacOS (0) | 2022.12.15 |
[IDE] VSCode C++ 디버깅 환경 세팅(task.json, launch.json): GCC on Linux (feat. 모든 중단점에서 멈추도록) (0) | 2022.07.08 |
[IDE] Visual Studio 줄끝 고급 저장 옵션 (0) | 2020.09.08 |