내용으로 건너뛰기
긴스 위키 (GINS WIKI)
tag
사용자 도구
로그인
사이트 도구
도구
문서 보기
이전 판
Fold/unfold all
역링크
최근 바뀜
미디어 관리자
사이트맵
로그인
>
최근 바뀜
미디어 관리자
사이트맵
현재 위치:
긴스 위키 GINS wiki
»
툴 tools
»
비주얼 스튜디오 코드
추적:
검색
tool:visual_studio_code
이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
~~Title:비주얼 스튜디오 코드~~ ====== 비주얼 스튜디오 코드 (Visual Studio Code) ====== ====== 내비용 단축키 ====== <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", }, </code> ====== settings.json 파일 위치 ====== 윈도우 * ''%appdata%\code\user\settings.json'' ====== 폰트 적용 : Cascadia Code SemiLight ====== 윈도우버젼에서는, * ''settings.json'' 설정에서 **editor.fontWeight** 추가 필요 * <code> "editor.fontFamily": "Cascadia Code, "editor.fontWeight": "350", </code> 맥에서는, * ''Cascadia Code Regular SemiLight'' 넣으면 설정 가능 ====== JSDoc 색상 변경 ====== * VS Code Disable JSDoc Comment Coloring * [[https://stackoverflow.com/questions/48774920/vs-code-disable-jsdoc-comment-coloring]] * **editor.tokenColorCustomizations** 에서 수정 가능한 값 목록 * [[https://code.visualstudio.com/api/references/theme-color|Theme Color]] ''settings.json'' 파일에 추가 <code jason> "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]": { } } </code> ====== 설치한 확장 (Extension) ====== Beautify * ID: hookyqr.beautify * 설명: Beautify code in place for VS Code * 버전: 1.5.0 * 게시자: HookyQR * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify]]]] C/C++ * ID: ms-vscode.cpptools * 설명: C/C++ IntelliSense, debugging, and code browsing. * 버전: 1.3.1 * 게시자: Microsoft * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools]] C# * ID: ms-dotnettools.csharp * 설명: C# for Visual Studio Code (powered by OmniSharp). * 버전: 1.23.11 * 게시자: Microsoft * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp]] CMake * ID: twxs.cmake * 설명: CMake langage support for Visual Studio Code * 버전: 0.0.17 * 게시자: twxs * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=twxs.cmake]] CMake Tools * ID: ms-vscode.cmake-tools * 설명: Extended CMake support in Visual Studio Code * 버전: 1.7.2 * 게시자: Microsoft * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=ms-vscode.cmake-tools]] Cursor Align * ID: yo1dog.cursor-align * 설명: Aligns all cursors using spaces. * 버전: 1.0.4 * 게시자: Mike Moore * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=yo1dog.cursor-align]] Django * ID: batisteo.vscode-django * 설명: Beautiful syntax and scoped snippets for perfectionists with deadlines * 버전: 1.6.0 * 게시자: Baptiste Darthenay * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=batisteo.vscode-django]] DokuWiki * ID: kirozen.dokuwiki * 설명: Syntax highlighting for DokuWiki markup * 버전: 1.4.0 * 게시자: Etienne Faisant * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=kirozen.dokuwiki]] EJS language support * ID: digitalbrainstem.javascript-ejs-support * 설명: 2019 - EJS language support for Visual Studio Code. * 버전: 1.3.1 * 게시자: DigitalBrainstem * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=DigitalBrainstem.javascript-ejs-support]] Highlight Matching Tag * ID: vincaslt.highlight-matching-tag * 설명: Highlights matching closing and opening tags * 버전: 0.10.0 * 게시자: vincaslt * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag]] Jinja * ID: wholroyd.jinja * 설명: Jinja template language support for Visual Studio Code * 버전: 0.0.8 * 게시자: wholroyd * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=wholroyd.jinja]] Jupyter * ID: ms-toolsai.jupyter * 설명: Jupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more. * 버전: 2021.6.811652604 * 게시자: Microsoft * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter]] Korean Language Pack for Visual Studio Code * ID: ms-ceintl.vscode-language-pack-ko * 설명: Language pack extension for Korean * 버전: 1.56.1 * 게시자: Microsoft * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko]] MagicPython (비활성) * ID: magicstack.magicpython * 설명: Syntax highlighter for cutting edge Python. * 버전: 1.1.0 * 게시자: MagicStack Inc. * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=magicstack.MagicPython]] Pylance * ID: ms-python.vscode-pylance * 설명: A performant, feature-rich language server for Python in VS Code * 버전: 2021.5.1 * 게시자: Microsoft * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-pylance]] Python * ID: ms-python.python * 설명: Linting, Debugging (multi-threaded, remote), Intellisense, Jupyter Notebooks, code formatting, refactoring, unit tests, and more. * 버전: 2021.4.765268190 * 게시자: Microsoft * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=ms-python.python]] Python Extension Pack * ID: donjayamanne.python-extension-pack * 설명: Popular Visual Studio Code extensions for Python * 버전: 1.6.0 * 게시자: Don Jayamanne * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=donjayamanne.python-extension-pack]] Python Preview * ID: dongli.python-preview * 설명: Provide Preview for Python Execution. * 버전: 0.0.4 * 게시자: dongli * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=dongli.python-preview]] SFTP * ID: liximomo.sftp * 설명: SFTP/FTP sync * 버전: 1.12.9 * 게시자: liximomo * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=liximomo.sftp]] Visual Studio IntelliCode * ID: visualstudioexptteam.vscodeintellicode * 설명: AI-assisted development * 버전: 1.2.13 * 게시자: Microsoft * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode]] vscode-python-docstring * 이름: vscode-python-docstring * ID: azaugg.vscode-python-docstring * 설명: Create docstring for python methods * 버전: 0.0.5 * 게시자: azaugg Yog PlantUML Hightlight * ID: yog.yog-plantuml-highlight * 설명: PlantUML Syntax Higilight for Visual Studio Code * 버전: 0.0.5 * 게시자: Yog * VS Marketplace 링크: [[https://marketplace.visualstudio.com/items?itemName=Yog.yog-plantuml-highlight]] ====== Context Menu 에 (Edit with VS Code) ====== 탐색기의 Context Menu 에 **Edit with VS Code** 에서 열기 를 넣으려면 레지스트리에 추가 정보를 입력해야 한다. 아래 파일을 받아서, VSCode가 있는 경로를 수정해서 레지스트리에 넣읍시다. <file reg 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\"" </file>
tool/visual_studio_code.txt
· 마지막으로 수정됨: 2022/08/20 20:28 저자
kieuns
문서 도구
문서 보기
이전 판
역링크
Fold/unfold all
맨 위로