cheoljun.dev

Visual Studio Code 개발 세팅

IDE
ID
60
status
Public
menu
etc
submenu
tags
IDE
summary
thumbnail
제목-없음-5.jpg
date
May 27, 2024
  1. 명령 팔레트: cmd+shift+p
  1. settings: cmd+,
  1. 주석 색깔 바꾸기
      • settings에서 .json 검색
      • Edit in settings.json 클릭
      • 다음과 같이 추가
      "editor.tokenColorCustomizations": {
    "comments": "#5df809"
}
  1. Fira Code 적용
      • 구글에서 “fira code font” 검색 후 설치
      • vscode에서 settings.json으로 이동
      • 다음과 같이 작성
      "editor.fontFamily": "Fira Code",
"editor.fontLigatures": true
 

Extensions

  1. Material Icon Theme: 아이콘 테마
  1. Darcula Theme: 텍스트 에디터 테마
  1. Prettier: 코드 포매터
  1. indent-rainbow: 들여쓰기 컬러링
  1. Auto rename tag: 여는 태그와 닫는 태그 자동 수정
  1. CSS Peek: 컨트롤 누른 상태로 css 클릭 시 자동 이동
  1. HTML CSS Support: css 자동완성 기능
  1. Live Server: 새로 고침 없이 바로 확인 가능
 

단축키

  1. Command Palette: 실행 가능한 모든 명령어를 마우스 없이 키보드 하나로 바로 실행
      • Mac: Command + Shift + P
      • Windows: Ctrl + Shift + P
  1. Quick Open: 마우스로 파일들을 일일이 내비게이션 하지 않고 해당 파일을 빠르게 검색 가능
      • Mac: Command + P
      • Windows: Ctrl + P
  1. Settings
      • Mac: Command + ,
      • Windows: Ctrl + ,
  1. 터미널
      • Mac: ^(Ctrl) + `(백틱)
      • Windows: Ctrl + `(백틱)
Cheoljun Park
Fullstack Developer

구현 과정과 트러블슈팅, 배운 것들을 기록합니다.

댓글