<div id="readability-page-1" class="page"><div class="page">
 
 
<h2 id="비주얼_스튜디오_코드_visual_studio_code">비주얼 스튜디오 코드 (Visual Studio Code)</h2>


<h2 id="jsdoc_색상_변경">JSDoc 색상 변경</h2>
<div>
<ul>
<li> VS Code Disable JSDoc Comment Coloring
<ul>
<li>
</li>
</ul>
</li>
<li>editor.tokenColorCustomizations 에서 수정 가능한 값 목록 
<ul>
<li>
</li>
</ul>
</li>
</ul>


<code>settings.json</code> 파일에 추가

<pre>"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]": {
 }
}</pre>

</div>

<h2 id="설치한_확장_extension">설치한 확장 (Extension)</h2>
<div>


Beautify

<ul>
<li> ID: hookyqr.beautify
</li>
<li> 설명: Beautify code in place for VS Code
</li>
<li> 버전: 1.5.0
</li>
<li> 게시자: HookyQR
</li>
<li>
</li>
</ul>


C/C++

<ul>
<li> ID: ms-vscode.cpptools
</li>
<li> 설명: C/C++ IntelliSense, debugging, and code browsing.
</li>
<li> 버전: 1.3.1
</li>
<li> 게시자: Microsoft
</li>
<li>
</li>
</ul>


C#

<ul>
<li> ID: ms-dotnettools.csharp
</li>
<li> 설명: C# for Visual Studio Code (powered by OmniSharp).
</li>
<li> 버전: 1.23.11
</li>
<li> 게시자: Microsoft
</li>
<li>
</li>
</ul>


CMake

<ul>
<li> ID: twxs.cmake
</li>
<li> 설명: CMake langage support for Visual Studio Code
</li>
<li> 버전: 0.0.17
</li>
<li> 게시자: twxs
</li>
<li>
</li>
</ul>


CMake Tools

<ul>
<li> ID: ms-vscode.cmake-tools
</li>
<li> 설명: Extended CMake support in Visual Studio Code
</li>
<li> 버전: 1.7.2
</li>
<li> 게시자: Microsoft
</li>
<li>
</li>
</ul>


Cursor Align

<ul>
<li> ID: yo1dog.cursor-align
</li>
<li> 설명: Aligns all cursors using spaces.
</li>
<li> 버전: 1.0.4
</li>
<li> 게시자: Mike Moore
</li>
<li>
</li>
</ul>


Django

<ul>
<li> ID: batisteo.vscode-django
</li>
<li> 설명: Beautiful syntax and scoped snippets for perfectionists with deadlines
</li>
<li> 버전: 1.6.0
</li>
<li> 게시자: Baptiste Darthenay
</li>
<li>
</li>
</ul>


DokuWiki

<ul>
<li> ID: kirozen.dokuwiki
</li>
<li> 설명: Syntax highlighting for DokuWiki markup
</li>
<li> 버전: 1.4.0
</li>
<li> 게시자: Etienne Faisant
</li>
<li>
</li>
</ul>


EJS language support

<ul>
<li> ID: digitalbrainstem.javascript-ejs-support
</li>
<li> 설명: 2019 - EJS language support for Visual Studio Code.
</li>
<li> 버전: 1.3.1
</li>
<li> 게시자: DigitalBrainstem
</li>
<li>
</li>
</ul>


Highlight Matching Tag

<ul>
<li> ID: vincaslt.highlight-matching-tag
</li>
<li> 설명: Highlights matching closing and opening tags
</li>
<li> 버전: 0.10.0
</li>
<li> 게시자: vincaslt
</li>
<li>
</li>
</ul>


Jinja

<ul>
<li> ID: wholroyd.jinja
</li>
<li> 설명: Jinja template language support for Visual Studio Code
</li>
<li> 버전: 0.0.8
</li>
<li> 게시자: wholroyd
</li>
<li>
</li>
</ul>


Jupyter

<ul>
<li> ID: ms-toolsai.jupyter
</li>
<li> 설명: Jupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more.
</li>
<li> 버전: 2021.6.811652604
</li>
<li> 게시자: Microsoft
</li>
<li>
</li>
</ul>


Korean Language Pack for Visual Studio Code

<ul>
<li> ID: ms-ceintl.vscode-language-pack-ko
</li>
<li> 설명: Language pack extension for Korean
</li>
<li> 버전: 1.56.1
</li>
<li> 게시자: Microsoft
</li>
<li>
</li>
</ul>


MagicPython (비활성)

<ul>
<li> ID: magicstack.magicpython
</li>
<li> 설명: Syntax highlighter for cutting edge Python.
</li>
<li> 버전: 1.1.0
</li>
<li> 게시자: MagicStack Inc.
</li>
<li>
</li>
</ul>


Pylance

<ul>
<li> ID: ms-python.vscode-pylance
</li>
<li> 설명: A performant, feature-rich language server for Python in VS Code
</li>
<li> 버전: 2021.5.1
</li>
<li> 게시자: Microsoft
</li>
<li>
</li>
</ul>


Python

<ul>
<li> ID: ms-python.python
</li>
<li> 설명: Linting, Debugging (multi-threaded, remote), Intellisense, Jupyter Notebooks, code formatting, refactoring, unit tests, and more.
</li>
<li> 버전: 2021.4.765268190
</li>
<li> 게시자: Microsoft
</li>
<li>
</li>
</ul>


Python Extension Pack

<ul>
<li> ID: donjayamanne.python-extension-pack
</li>
<li> 설명: Popular Visual Studio Code extensions for Python
</li>
<li> 버전: 1.6.0
</li>
<li> 게시자: Don Jayamanne
</li>
<li>
</li>
</ul>


Python Preview

<ul>
<li> ID: dongli.python-preview
</li>
<li> 설명: Provide Preview for Python Execution.
</li>
<li> 버전: 0.0.4
</li>
<li> 게시자: dongli
</li>
<li>
</li>
</ul>


SFTP

<ul>
<li> ID: liximomo.sftp
</li>
<li> 설명: SFTP/<abbr title="File Transfer Protocol">FTP</abbr> sync
</li>
<li> 버전: 1.12.9
</li>
<li> 게시자: liximomo
</li>
<li>
</li>
</ul>


Visual Studio IntelliCode

<ul>
<li> ID: visualstudioexptteam.vscodeintellicode
</li>
<li> 설명: AI-assisted development
</li>
<li> 버전: 1.2.13
</li>
<li> 게시자: Microsoft
</li>
<li>
</li>
</ul>


vscode-python-docstring

<ul>
<li> 이름: vscode-python-docstring
</li>
<li> ID: azaugg.vscode-python-docstring
</li>
<li> 설명: Create docstring for python methods
</li>
<li> 버전: 0.0.5
</li>
<li> 게시자: azaugg
</li>
</ul>


Yog PlantUML Hightlight

<ul>
<li> ID: yog.yog-plantuml-highlight
</li>
<li> 설명: PlantUML Syntax Higilight for Visual Studio Code
</li>
<li> 버전: 0.0.5
</li>
<li> 게시자: Yog
</li>
<li>
</li>
</ul>

</div>

<h2 id="context_menu_에_edit_with_vs_code">Context Menu 에 (Edit with VS Code)</h2>
<div>


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



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

<dl>
<dt><a href="/doku.php?do=export_code&amp;id=tool:visual_studio_code&amp;codeblock=1" title="조각 다운로드">VisualStudioCode_ExplorerExtension.reg</a></dt>
<dd><pre>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\""</pre>
</dd></dl>

</div>

 
 </div></div>

GINS WIKI 긴스 위키

문기은

비주얼 스튜디오 코드 (Visual Studio Code)
JSDoc 색상 변경
 VS Code Disable JSDoc Comment Coloring
 https://stackoverflow.com/questions/48774920/vs-code-disable-jsdoc-comment-coloring
 editor.tokenColorCustomizations 에서 수정 가능한 값 목록 
 Theme Color
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)
 ID: hookyqr.beautify
 설명: Beautify code in place for VS Code
 버전: 1.5.0
 게시자: HookyQR
 VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify]]
 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
 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
 ID: twxs.cmake
 설명: CMake langage support for Visual Studio Code
 버전: 0.0.17
 게시자: twxs
 VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=twxs.cmake
 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
 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
 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
 ID: kirozen.dokuwiki
 설명: Syntax highlighting for DokuWiki markup
 버전: 1.4.0
 게시자: Etienne Faisant
 VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=kirozen.dokuwiki
 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
 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
 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
 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
 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
 ID: magicstack.magicpython
 설명: Syntax highlighter for cutting edge Python.
 버전: 1.1.0
 게시자: MagicStack Inc.
 VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=magicstack.MagicPython
 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
 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
 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
 ID: dongli.python-preview
 설명: Provide Preview for Python Execution.
 버전: 0.0.4
 게시자: dongli
 VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=dongli.python-preview
 ID: liximomo.sftp
 설명: SFTP/FTP sync
 버전: 1.12.9
 게시자: liximomo
 VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=liximomo.sftp
 ID: visualstudioexptteam.vscodeintellicode
 설명: AI-assisted development
 버전: 1.2.13
 게시자: Microsoft
 VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode
 이름: vscode-python-docstring
 ID: azaugg.vscode-python-docstring
 설명: Create docstring for python methods
 버전: 0.0.5
 게시자: azaugg
 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)
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\""

비주얼 스튜디오 코드

댓글