DrawingProcess
드프 DrawingProcess
DrawingProcess
전체 방문자
오늘
어제
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
  • 분류 전체보기 (964)
    • Profile & Branding (22)
      • Career (15)
    • IT Trends (254)
      • Conference, Faire (Experien.. (31)
      • News (187)
      • Youtube (19)
      • TED (8)
      • Web Page (2)
      • IT: Etc... (6)
    • Contents (97)
      • Book (66)
      • Lecture (31)
    • Project Process (94)
      • Ideation (0)
      • Study Report (34)
      • Challenge & Award (22)
      • 1Day1Process (5)
      • Making (5)
      • KRC-FTC (Team TC(5031, 5048.. (10)
      • GCP (GlobalCitizenProject) (15)
    • Study: ComputerScience(CS) (72)
      • CS: Basic (9)
      • CS: Database(SQL) (5)
      • CS: Network (14)
      • CS: OperatingSystem (3)
      • CS: Linux (39)
      • CS: Etc... (2)
    • Study: Software(SW) (95)
      • SW: Language (29)
      • SW: Algorithms (1)
      • SW: DataStructure & DesignP.. (1)
      • SW: Opensource (15)
      • SW: Error Bug Fix (43)
      • SW: Etc... (6)
    • Study: Artificial Intellige.. (149)
      • AI: Research (1)
      • AI: 2D Vision(Det, Seg, Tra.. (35)
      • AI: 3D Vision (70)
      • AI: MultiModal (3)
      • AI: SLAM (0)
      • AI: Light Weight(LW) (3)
      • AI: Data Pipeline (7)
      • AI: Machine Learning(ML) (1)
    • Study: Robotics(Robot) (33)
      • Robot: ROS(Robot Operating .. (9)
      • Robot: Positioning (8)
      • Robot: Planning & Control (7)
    • Study: DeveloperTools(DevTo.. (83)
      • DevTool: Git (12)
      • DevTool: CMake (13)
      • DevTool: NoSQL(Elastic, Mon.. (25)
      • DevTool: Container (17)
      • DevTool: IDE (11)
      • DevTool: CloudComputing (4)
    • 인생을 살면서 (64)
      • 나의 취미들 (7)
      • 나의 생각들 (42)
      • 여행을 떠나자~ (10)
      • 분기별 회고 (5)

개발자 명언

“ 매주 목요일마다 당신이 항상 하던대로 신발끈을 묶으면 신발이 폭발한다고 생각해보라.
컴퓨터를 사용할 때는 이런 일이 항상 일어나는데도 아무도 불평할 생각을 안 한다. ”

- Jef Raskin

맥의 아버지 - 애플컴퓨터의 매킨토시 프로젝트를 주도

인기 글

최근 글

최근 댓글

티스토리

hELLO · Designed By 정상우.
DrawingProcess

드프 DrawingProcess

[IDE] VSCode 유용한 Extension 정리
Study: DeveloperTools(DevTool)/DevTool: IDE

[IDE] VSCode 유용한 Extension 정리

2022. 6. 9. 13:47
반응형
본 문서는 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

VSCode 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. 모든 중단점에서 멈추도록)  (1) 2022.07.08
[IDE] Visual Studio 줄끝 고급 저장 옵션  (0) 2020.09.08
    'Study: DeveloperTools(DevTool)/DevTool: IDE' 카테고리의 다른 글
    • [IDE] VSCode React + .Net 개발환경 설정 (MacOS M1)
    • [IDE] VSCode C++ 디버깅 환경 세팅(task.json, launch.json): Clang on MacOS
    • [IDE] VSCode C++ 디버깅 환경 세팅(task.json, launch.json): GCC on Linux (feat. 모든 중단점에서 멈추도록)
    • [IDE] Visual Studio 줄끝 고급 저장 옵션
    DrawingProcess
    DrawingProcess
    과정을 그리자!

    티스토리툴바