본문으로 건너뛰기

VSCode 추천 패키지

· 약 4분
  • Auto Close Tag: 자동으로 태그를 닫아준다.
  • Auto Rename Tag: 자동으로 짝 태그의 이름을 바꿔준다.
  • Beautify: 선택 영역 및 파일을 beautify
  • Bookmarks: 라인을 북마크해 shift + alt + L 키로 넘어다닐 수 있다.
  • Bracket Pair Colorizer: 괄호를 짝을 맞춰 색상을 입혀준다.
  • Code Runner: 해당 영역을 간단히 실행시켜볼 수 있다.
  • Color Highlight: 색상 코드가 색으로 표시된다.
  • Code Spell Checker: 오타를 잡아준다. (영문만)
  • Debugger for Chrome: 크롬 디버그 툴로 front 디버깅이 가능하다.
  • DotEnv: .env syntax 를 잡아준다.
  • EditorConfig for VS Code: .editorconfig 파일 설정을 불러와준다.
  • ESLint: JS Linting
  • Git History: Git commit log 를 예쁘게 볼 수 있다. (Git Lens 에서 모두 확인 가능)
  • Git Lens: 라인별로 commit log 를 확인할 수 있다. 파일 비교도 가능하다.
  • Guides: 가이드라인이 진해진다.
  • Log File Highlighter: 이제 없으면 로그파일 못 보겠다.
  • Path Intellisense: 경로를 자동으로 잡아준다.
  • Prettier - Code formatter: Beautify 보다 더 좋다.
  • Project Manager: ctrl + shift + p 로 프로젝트를 빠르게 바꿀 수 있다.
  • REST Client: postman 과 같은 기능을 간단한 코드로 구현할 수 있다.
  • Trailing Space: 비어있는 부분을 하이라이트하고 저장시 자동으로 삭제해준다.
  • VS Live Share: Code 환경 간 세션 공유 가능
  • XML tools: xml 하이라이터

개발환경별 취향

css

  • Sass

java

  • Debugger for Java
  • Java Extension Pack
  • Java Test Runner
  • Maven for Java
  • Sprint Initialzr Java Support

javascript

  • EJS language support: EJS syntax highlighter 중 제일 낫다.
  • JavaScript (ES6) code snippets
  • Veltur: Vue 매니아라면

php

  • Laravel 5 Snippets: 라라벨 backend
  • laravel Blade Snippets: 라라벨 frontend
  • PHP Debug
  • PHP DocBlocker: 빠르게 주석을 만들 수 있다.
  • PHP Intellisense - Crane: PHP intellisense 모듈 중에 가장 똑똑하다.
  • PHP Namespace Resolver - 타입힌팅에 쓰이는 클래스를 바로 import 가능

python

  • Python: Python 이 필요하다면
  • Anaconda Extension Pack

server

  • Apache Conf: 아파치 속성을 많이 열어봐야 한다면
  • Docker: 도커를 쓴다면
  • ftp-kr: FTP 환경에서 작업할 일이 있다면
  • sftp: ftp-kr 보다 적응되면 나은 것 같다.

기타

  • Markdown Shortcuts: markdown 의 폰트, 표 기능들을 쉽게 이용 가능하다.
  • vscode-pdf: PDF 파일도 열어보고 싶다면
  • Rainbow CSV: CSV 파일의 색깔을 입혀준다.

테마 및 아이콘

테마

  • Dracula Official: 드라큘라 테마
  • Shades of Purple: 보라색 테마

아이콘

  • vscode-icons: 주관적으로 제일 예쁘다.