VS CODE 단축키 및 설정 팁

주요 단축키

  • Ctrl + Shift + e : 탐색기(사이드메뉴)
  • Ctrl + Shift + f : 내용 검색
  • Ctrl + Shift + h : 내용 검색 + 수정
  • Ctrl + b : 에디터 전체화면(사이드메뉴 없애기)

  • Ctrl + k, Ctrl + o : 폴더로 열기
  • Ctrl + ` : 터미널 열기
  • Ctrl + p : 파일 검색
  • Ctrl + p, > : 설정 검색

  • Ctrl + n : 새로운 문서 열기

  • Ctrl + f2 : 동일한 문자열 다중커서

  • Ctrl + space : 문자열 자동완성 제안

커스텀 설정

  • 개인적으로 툴을 다룰 때 개인 설정을 최소화하는 편이다. 재설치하거나 외부에서 사용할 때 혼란을 주기 때문이다.
  • 다만, 편의상 어쩔 수 없는 설정이 존재하며, 사용하는 언어에 따라 단축기가 멋대로 바뀌는 불상사가 발생하기도 한다.
  • 사용 편의를 위하여 설정한 내용은 아래와 같다.

단축키 변경

  • Ctrl + p - >keyboard shortcut -> 🎡버튼 클릭
Ctrl + b, Ctrl + b : 메모장 전체 화면을 추가 (마크다운을 다룰 때 bold가 된다)
Alt + n : 새 폴더

사용자 문자열 자동완성 제안

  • Ctrl + space bar 를 누르면 자동완성 제안 창이 뜬다.
  • Ctrl + p - >user snippets -> 원하는 포맷 검색 (markdown 등)
	"code block": {
		"prefix": "코드블럭",
		"body": [
			"",
			"```$1",
			"```",
			""
		],
		"description": "java block on MD"
	},
	"post init": {
		"prefix": "게시글 작성",
		"body": [
			"---",
			"layout: post",
			"author: infoqoch",
			"title: $1",
			"last_modified_at: ",
			"categories: []",
			"tags: []",
			"---",
			""
		],
		"description": "post init on MD"
	},
	"link_newtab": {
		"prefix": "링크 새창",
		"body": [
			"[$1](){:target='_blank'}"
		],
		"description": "post init on MD"
	},
	"img_mapping": {
		"prefix": "이미지 연결",
		"body": [
			"![image](/assets/image/$1){:.aligncenter}"
		],
		"description": "post init on MD"
	},
  • 참고로 지킬은 코드블럭의 시작 전과 종료 후 한 줄을 빈 줄로 남겨야 정상 동작한다. 그래서 코드블럭의 자동완성은 앞 뒤로 공란을 삽입하였다.
  • $1을 사용하여 자동 완성 후 커서의 위치를 설정할 수 있다.

플러그인

  • Excel to Markdown table
    • 엑셀의 테이블을 마크다운 테이블로 변경. 강추!
    • Shift+Alt+V
  • Paste Image
    • 스크린샷을 원하는 폴더에 저장하고 markdown으로 이미지 연결. 매우 강추! 최고임!
    • Ctrl+Alt+V
  • Insert Date String
    • 날짜 문자열 넣기
    • Ctrl + Shift + i
  • vscode-icons
    • 예쁜 아이콘