사용자 도구

사이트 도구


사이드바

카테고리

tool:visual_studio_code

비주얼 스튜디오 코드 (Visual Studio Code)

내비용 단축키

Ctrl+P          : Quick file navigation
Ctrl+P          : Quick Open
Ctrl+Tab        : 파일 전환
Alt+Left        : navigate between files and edit locations
Alt+Right       : navigate between files and edit locations

Ctrl+Shift+;    : Breadcrumbs
Ctrl+Shift+.    : Focus Breadcrumbs 

F12             : go to definition
Ctrl+F12        : go to implementation
Shift+F12       : go to references
Alt+F12         : Peek Definition
Ctrl+T          : open symbol by name

Ctrl+Shift+0    : go to symbol
                : ':' By typing : the symbols will be grouped by category. Press Up or Down and navigate to the place you want.

Ctrl+Shift+\    : Bracket matching
Ctrl+Shift+M    : to display the PROBLEMS panel

* [[https://code.visualstudio.com/docs/editor/editingevolved]]
* You can turn off breadcrumbs with the 'View > Show Breadcrumbs'
* Bracket Pair Colorization :  editor.bracketPairColorization.enabled=true
* Reference information : editor.codeLens setting.
* You can use workbench.colorCustomizations to override these theme-contributed colors in your settings:
    "workbench.colorCustomizations": {
        "editorBracketHighlight.foreground1": "#FFD700",
        "editorBracketHighlight.foreground2": "#DA70D6",
        "editorBracketHighlight.foreground3": "#179fff",
    },

settings.json 파일 위치

윈도우

  • %appdata%\code\user\settings.json

폰트 적용 : Cascadia Code SemiLight

윈도우버젼에서는,

  • settings.json 설정에서 editor.fontWeight 추가 필요
  •   "editor.fontFamily": "Cascadia Code,
      "editor.fontWeight": "350",

맥에서는,

  • Cascadia Code Regular SemiLight 넣으면 설정 가능

JSDoc 색상 변경

settings.json 파일에 추가

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "name": "storage.type.class.jsdoc",
      "scope": "storage.type.class.jsdoc,entity.name.type.instance.jsdoc,variable.other.jsdoc",
      "settings": {
        "foreground": "#57a64a"
      }
    }
  ],
  "[Visual Studio 2019 Dark]": {
  }
}

설치한 확장 (Extension)

Beautify

C/C++

C#

CMake

CMake Tools

Cursor Align

Django

DokuWiki

EJS language support

Highlight Matching Tag

Jinja

Jupyter

Korean Language Pack for Visual Studio Code

MagicPython (비활성)

Pylance

Python

Python Extension Pack

Python Preview

SFTP

Visual Studio IntelliCode

vscode-python-docstring

  • 이름: vscode-python-docstring
  • ID: azaugg.vscode-python-docstring
  • 설명: Create docstring for python methods
  • 버전: 0.0.5
  • 게시자: azaugg

Yog PlantUML Hightlight

Context Menu 에 (Edit with VS Code)

탐색기의 Context Menu 에 Edit with VS Code 에서 열기 를 넣으려면 레지스트리에 추가 정보를 입력해야 한다.

아래 파일을 받아서, VSCode가 있는 경로를 수정해서 레지스트리에 넣읍시다.

VisualStudioCode_ExplorerExtension.reg
Windows Registry Editor Version 5.00
; Open files
[HKEY_CLASSES_ROOT\*\shell\Open with VS Code]
@="Edit with VS Code"
"Icon"="\"D:\\App\\Microsoft VS Code\\Code.exe\",0"
[HKEY_CLASSES_ROOT\*\shell\Open with VS Code\command]
@="\"D:\\App\\Microsoft VS Code\\Code.exe\" \"%1\""
; This will make it appear when you right click ON a folder
; The "Icon" line can be removed if you don't want the icon to appear
[HKEY_CLASSES_ROOT\Directory\shell\vscode]
@="Open Folder as VS Code Project"
"Icon"="\"D:\\App\\Microsoft VS Code\\Code.exe\",0"
[HKEY_CLASSES_ROOT\Directory\shell\vscode\command]
@="\"D:\\App\\Microsoft VS Code\\Code.exe\" \"%1\""
; This will make it appear when you right click INSIDE a folder
; The "Icon" line can be removed if you don't want the icon to appear
[HKEY_CLASSES_ROOT\Directory\Background\shell\vscode]
@="Open Folder as VS Code Project"
"Icon"="\"D:\\App\\Microsoft VS Code\\Code.exe\",0"
[HKEY_CLASSES_ROOT\Directory\Background\shell\vscode\command]
@="\"D:\\App\\Microsoft VS Code\\Code.exe\" \"%V\""
tool/visual_studio_code.txt · 마지막으로 수정됨: 2022/08/20 20:28 저자 kieuns