VSCode 사용 모음 (updated: 25.12.25)

Posted on 2025. 12. 25. 18:00
Filed Under Programming/개발환경+도구

VSCode 단축키

1) Terminal창: Ctrl + `

2) Bookmark(Extension: bookmark 설치필요):

Bookmarks: Toggle - 해당 코드 북마크 생성/취소★
Bookmarks: Toggle Labeled - 해당 코드를 라벨화하여 생성/취소 ★
Bookmarks: List - 현재 파일에 생성된 북마크 리스트 확인 ★
해당 명령어를 입력하면 또 입력창이 뜹니다. 입력창에 라벨 이름을 정하면 액티브 바에도 해당 라벨로 북마크를 확인할 수 있습니다. (북마크 정리에 유용)
Bookmarks: Clear - 현재 파일에 생성된 모든 북마크를 제거
Bookmarks: Jump to Next - 다음 북마크로 이동
Bookmarks: Jump to Previous - 이전 북마크로 이동
(정보출처: https://velog.io/@m2nja201/Visual-Studio-CodeVS-Code-북마크책갈피-생성하는-법)

VSCode Terminal 명령어 스니펫

# 모든 캐시 & 빌드 파일 삭제
> Remove-Item -Recurse -Force .next, node_modules, package-lock.json -ErrorAction SilentlyContinue
> npm cache clean --force

# .next 디렉터리 삭제
rmdir /s /q .next

VSCode Extensions 기록 (updated: 25.12.25)

아이콘	Extension명	Language	설명 요약	활용 사례
🚀	Code Runner	C, Java, Python 등	코드 스니펫 즉시 실행	별도 설정 없이 단축키로 코드 결과 바로 확인
🤖	Continue		오픈소스 AI 코드 에이전트	AI와 대화하며 코드 작성 및 리팩토링 진행
🚨	Error Lens		에러/경고 라인 직접 강조	오타나 문법 에러를 코드 줄에 바로 표시
🛠️	ESLint	JavaScript	JS 코드 문법 및 스타일 체크	코드의 잠재적 오류를 잡고 일관된 스타일 유지
📓	Jupyter (계열)	Python	노트북 환경 및 렌더링 지원	데이터 시각화 및 단계별 코드 실행(AI/데이터 분석)
⚡	Live Server	HTML, CSS	실시간 리로드 로컬 서버	HTML 수정 시 저장과 동시에 웹 브라우저 반영
🏗️	Microsoft Terraform	Terraform	Azure용 인프라 관리 도구	클라우드 자원을 코드로 관리하고 자동 배포
💎	Prettier	JS, CSS, HTML	코드 포맷 자동 정렬	지저분한 코드를 저장 시 자동으로 깔끔하게 정리
🐍	Pylance / Python	Python	파이썬 언어 서버 지원	강력한 자동 완성 및 정의 이동으로 개발 효율 극대화
🌈	Rainbow CSV	CSV	CSV 열 색상별 구분	엑셀 없이 CSV 파일의 데이터를 색상별로 구분
🎨	Tailwind CSS	CSS	Tailwind 자동 완성 지원	방대한 CSS 클래스명을 힌트로 받아 빠른 디자인
🌐	translate		텍스트 번역 기능	코드 주석이나 영문 에러 메시지 즉시 번역
⚛️	ES7+ React...	React	React/Redux 스니펫 제공	리액트 컴포넌트 구조를 단축키로 즉시 생성
🐧	WSL	Linux	Windows 내 리눅스 연결	윈도우 환경에서 리눅스 터미널과 도구 사용
✍️	autoDocstring	Python	독스트링 자동 생성	파이썬 함수 설명 양식을 자동으로 채워줌
☁️	Azure Tools (계열)		Azure 서비스 관리/배포	VSCode 안에서 클라우드 배포 및 모니터링 관리