댓글 목록

비주얼 스튜디오 코드 확장

페이지 정보

작성자 운영자 작성일 18-06-16 18:33 조회 1,978 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

확장을 통해 Visual Studio 코드의 기능 지속적으로 향상됩니다.


Visual Studio Code에 기본적으로 포함되어 있는 기능은 시작에 불과합니다. VS 코드 확장을 사용하면 설치에 언어, 디버거 및 도구를 추가하여 개발 워크 플로를 지원할 수 있습니다.


확장 프로그램 찾아보기 

비주얼 스튜디오 코드 내에서 확장 기능을 찾아서 설치할 수 있습니다.


VS 코드 또는보기 측면의 활동 표시 줄에서 확장 아이콘을 클릭하여 확장보기를 표시하십시오.

확장 명령 (Ctrl + Shift + X)

675489cef82c0f1ebab4f568be49f08d_1529224629_0064.png
그러면 VS 코드 마켓 플레이스(https://marketplace.visualstudio.com/VSCode)에서 가장 인기있는 VS 코드 확장 목록이 표시됩니다.


목록의 각 확장에는 간략한 설명, 게시자, 다운로드 횟수 및 5개의 별 등급이 포함됩니다. 확장 항목을 클릭하면 더 자세히 알아볼 수 있는 확장 프로그램의 VS 코드 마켓 플레이스 페이지가 표시됩니다.


확장 기능 설치 

설치 버튼을 클릭하면 설치가 완료된 후 VS 코드를 다시 시작하여 새 확장 프로그램을 활성화하라는 '다시 로드' 버튼이 표시됩니다.


확장 세부 정보 

확장 프로그램 세부 정보 창에서 확장 프로그램의 README를 읽고 확장 프로그램의 내용을 검토 할 수 있습니다.

  • 기여 - 설정, 명령 및 키보드 단축키, 언어 문법, 디버거 등 VS 코드에 확장 기능을 추가했습니다.
  • 변경 로그 - 사용 가능한 경우 확장 저장소 CHANGELOG.
  • 종속성 - 확장이 다른 확장에 의존하는지 여부를 나열합니다.

확장이 확장 팩 인 경우 종속성 섹션에 설치할 확장이 표시됩니다. 확장 팩은 개별 확장을 함께 묶어서 한 번에 쉽게 설치할 수 있습니다.


확장보기 명령 

확장보기의 ... 자세히 단추를 클릭하여 다양한 확장보기 명령을 실행할 수 있습니다.

  • 설치된 확장 표시
  • 만료된 확장 표시
  • 사용 확장 표시
  • 사용할 수 없는 확장 표시
  • 기본 제공 확장 표시
  • 권장되는 확장 표시
  • 자주 사용되는 확장 표시


또한, 확장 모음을 설치 수, 등급, 이름에 따라 오름차순 또는 내림차순으로 정렬할 수 있습니다.


확장 프로그램 검색 

확장보기 상단의 검색 상자를 지우고 찾고있는 확장 프로그램, 도구 또는 프로그래밍 언어의 이름을 입력 할 수 있습니다.

예를 들어, 'html'을 입력하면 html 언어 확장 목록이 나타납니다.


확장 프로그램 관리 

비주얼 스튜디오 코드를 사용하면 확장 프로그램을 매우 쉽게 관리 할 수 ​​있습니다. 확장보기, 명령 팔레트 (확장을 가지는 명령 : 접두사가 있음) 또는 명령행 스위치를 통해 확장을 설치, 사용 불가능, 갱신 및 설치 제거 할 수 있습니다.


설치된 확장 목록 

기본적으로 확장 프로그램 보기에는 설치된 확장 프로그램이 표시됩니다. Command Palette (Ctrl + Shift + P) 또는 More (...) 드롭 다운에서 사용 가능한 Show Installed Extensions 명령을 사용하여 검색 상자의 텍스트를 지우고 설치된 확장 목록을 표시 할 수도 있습니다.


확장 프로그램 제거 

확장 프로그램을 제거하려면 확장 프로그램 항목 오른쪽의 톱니 바퀴 버튼을 클릭 한 다음 메뉴에서 제거를 선택합니다. 그러면 확장 프로그램이 제거되고 VS 코드를 다시로드하라는 메시지가 나타납니다.


확장 기능 사용 중지 

확장 항목 오른쪽의 톱니 바퀴 버튼을 클릭하여 확장 기능을 사용 중지합니다. 확장을 전역 적으로 또는 현재 작업 공간에 대해 비활성화 할 수 있습니다. 확장 기능을 비활성화 한 후에 VS 코드를 다시로드하라는 메시지가 표시됩니다.

설치된 모든 확장 기능을 신속하게 비활성화 하려면 명령 팔레트에 추가 설치된 모든 확장 기능 명령 및 기타 (...) 드롭다운 메뉴가 있습니다.

다시 활성화 할 때까지 모든 VS 코드 세션에 대해 확장이 비활성화 된 상태로 유지됩니다.


확장 기능 사용 

마찬가지로 확장 프로그램을 사용 중지 한 경우 (사용 안함으로 표시됨) 드롭 다운에서 사용 또는 사용 (작업 공간) 명령을 사용하여 다시 사용하도록 설정할 수 있습니다.

더보기 (...) 드롭다운 메뉴에 모든 확장 사용 명령이 있습니다.


확장 프로그램 자동 업데이트 

비주얼 스튜디오 코드가 확장 업데이트를 확인하고 자동으로 설치합니다. 업데이트가 끝나면 VS 코드를 다시로드하라는 메시지가 나타납니다.


확장 기능을 수동으로 업데이트하려면 extensions.autoUpdate 설정을 false로 설정하는 자동 업데이트 확장 사용안함 명령을 사용하여 자동 업데이트를 사용하지 않도록 설정할 수 있습니다.


확장 프로그램 업데이트 

확장 프로그램 자동 업데이트를 사용하지 않도록 설정 한 경우 @outdated 필터를 사용하는 오래된 확장 프로그램 표시 명령을 사용하여 확장 프로그램 업데이트를 빠르게 찾을 수 있습니다. 그러면 현재 설치된 확장에 사용할 수 있는 모든 업데이트가 표시됩니다. 오래된 확장 기능에 대한 업데이트 버튼을 클릭하면 업데이트가 설치되고 VS 코드를 다시로드하라는 메시지가 표시됩니다. 또한 모든 확장 기능 명령을 사용하여 한 번에 모든 오래된 확장 기능을 업데이트 할 수 있습니다.


추천 확장 프로그램 

@recommended 필터를 설정하는 권장 확장 표시를 사용하여 권장 확장 목록을 볼 수 있습니다. 확장 프로그램 권장 사항은 다음 중 하나 일 수 있습니다.

  • 작업 공간 권장 사항 - 현재 작업 영역의 다른 사용자가 권장합니다.
  • 기타 권장 사항 - 최근에 연 파일을 기반으로 권장합니다.


확장 구성 

VS 코드 확장은 매우 다른 구성과 요구 사항을 가질 수 있습니다. 일부 확장 기능은 설정 편집기에서 수정할 수 있는 VS 코드에 설정을 제공합니다.

다른 확장 프로그램에는 자체 구성 파일이 있을 수 있습니다. 확장 기능을 사용하려면 컴파일러, 디버거 및 명령 줄 도구와 같은 추가 구성 요소를 설치하고 설정해야 할 수도 있습니다. 확장 프로그램의 README (확장 프로그램 세부 정보 창에 표시) 또는 VS 코드 마켓 플레이스(https://marketplace.visualstudio.com/VSCode)의 확장 프로그램 페이지 (세부 정보 창의 확장 프로그램 이름 클릭)로 이동하십시오. 많은 확장 기능은 오픈 소스이며 마켓 플레이스 페이지에서 저장소에 대한 링크가 있습니다.


명령 줄 확장 관리 

VS 코드를보다 쉽게 ​​자동화하고 구성하기 위해 명령 줄에서 확장 기능을 나열, 설치 및 제거 할 수 있습니다. 확장을 식별 할 때 publisher.extension 형식의 전체 이름을 제공하십시오 (예 : ms-python.python).


확장 보기 필터 

확장 프로그램 보기 검색 창은 확장 프로그램을 찾고 관리하는 데 도움이 되는 필터를 지원합니다. Installed Extensions 및 Show Recommended Extensions 명령을 사용한 경우 @installed 및 @recommended와 같은 필터를 보았을 수 있습니다. 인기도 및 등급별로 분류하고 카테고리 (예 : 'Linters') 및 태그 (예 : '노드')별로 검색 할 수있는 필터도 있습니다.


확장 프로그램보기 필터는 다음과 같습니다.

  • @installed - 설치된 확장 프로그램을 표시합니다.
  • @outdated - 오래된 설치된 확장 프로그램을 표시합니다. 마켓 플레이스에서 최신 버전을 사용할 수 있습니다.
  • @enabled - 설치된 사용가능한 확장 기능을 표시합니다. 확장 프로그램은 개별적으로 활성화 / 비활성화 할 수 있습니다.
  • @disabled - 설치된 비활성화된 확장 기능을 표시합니다.
  • @builtin - VS 코드와 함께 제공되는 확장 프로그램을 표시합니다. 유형별로 그룹화 (프로그래밍 언어, 테마 등).
  • @recommended - 추천 확장을 표시합니다. 작업 공간 특정 또는 일반 용도로 그룹화됩니다.

필터가 제공되지 않으면 확장보기에 현재 설치되어 있고 권장되는 확장이 표시됩니다.


정렬 

다음 값을 취할 수있는 @sort 필터를 사용하여 확장을 정렬 할 수 있습니다.

  • installs - Marketplace 설치 횟수에 따라 내림차순으로 정렬합니다.
  • rating - Marketplace 등급 (1-5 점)별로 내림차순으로 정렬합니다.
  • name - 확장명에 따라 알파벳순으로 정렬합니다.

카테고리 및 태그 

확장 프로그램은 카테고리와 태그의 기능을 설명할 수 있습니다.

category: 및 tag:를 사용하여 카테고리 및 태그를 필터링 할 수 있습니다.

지원되는 범주는 [Programming Languages, Snippets, Linters, Themes, Debuggers, Formatters, Keymaps, SCM Providers, Other, Extension Packs, Language Packs]입니다. 범주 이름이 두 단어 이상인 경우 범주를 따옴표로 묶으십시오 (예 : 범주 : "SCM Providers").

태그에는 문자열이 포함될 수 있으므로 유용한 태그를 찾으려면 마켓 플레이스를 검토하십시오.


VSIX에서 설치 

.vsix 파일에 패키지 된 VS 코드 확장을 수동으로 설치할 수 있습니다.

.vsix 파일의 경로를 제공하는 VS Code --install-extension 명령 줄 스위치를 사용하여 설치할 수도 있습니다.

code --install-extension myextension.vsix

한 번에 여러 확장을 설치하려면 명령 행에 --install-extension을 여러 번 제공하십시오.


작업 영역 권장 확장 

확장성이 뛰어나므로 특정 작업 공간 또는 프로그래밍 언어로 작업하는 것이 더 생산적일 수 있으며 이 목록을 팀 또는 동료와 공유하고 싶을 수도 있습니다. Recommended Extensions 구성 (Workspace) 명령을 사용하여 작업 영역에 대한 권장 Extension 목록을 만들 수 있습니다.


댓글목록 0

등록된 댓글이 없습니다.