VS Code 확장 프로그램

2016년 3월 17일, Wade Anderson, @waderyan_

2015년 11월, Visual Studio Code를 오픈 소스화하고 확장 프로그램 API를 도입했습니다. VS Code 확장 프로그램 마켓플레이스에는 850개 이상의 확장 프로그램이 있습니다. 이제 많은 새로운 언어(Go, PowerShell, PHP, Python)와 프레임워크(Apache Cordova, React Native)가 지원됩니다.

API 개선을 위해 계속 노력할 것이며 여러분의 피드백을 환영합니다. VS Code 확장 프로그램이 처음이신 분은 문서에서 새 확장 프로그램을 찾고 설치하는 방법을 확인하세요. 우리는 VS Code를 세계 최고의 코드 편집기로 만들기 위해 커뮤니티를 지원하는 데 전념하고 있습니다.

훌륭한 큐레이션된 확장 프로그램 목록의 정신으로, VS Code 확장 프로그램 마켓플레이스에서 일어나는 일들에 대한 정기적인 업데이트를 제공하고 싶었습니다.

Peng Lv의 Ruby

Ruby 언어 지원은 UserVoice에서 인기 있는 요청이며, 마켓플레이스에는 여러 개의 확장 프로그램이 있습니다. 언어 및 디버깅 지원을 제공하는 이 Ruby 확장 프로그램을 사용해 보았습니다. 설정이 간단하며 확장 프로그램의 README에 포함되어 있습니다.

Ruby 종속성 설치

다양한 Ruby 버전에 대한 지침은 다음과 같습니다. 저는 Ruby v2.0.x를 사용하고 있습니다.

터미널에서 gem install ruby-debug-ide -v 0.4.32를 입력하세요.
터미널에서 gem install debase -v 0.2.1을 입력하세요.

VS Code에서 Launch.json 구성

.vscode 폴더에 launch.json 파일을 만들고 다음을 추가하세요.

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Ruby Debug",
      "type": "Ruby",
      "request": "launch",
      "program": "${workspaceFolder}/hello_world.rb",
      "stopOnEntry": false
    }
  ]
}

코드 작성 및 디버깅

간단한 Hello World Ruby 스크립트를 디버깅하는 예시 세션은 다음과 같습니다. 중단점 설정, 디버거 시작, 중단점 도달, 코드를 한 단계씩 실행하는 것을 볼 수 있습니다.

Ruby Debugging

Sam Verschueren의 yo

이 확장 프로그램을 사용하면 명령 팔레트에서 VS Code 내에서 Yeoman 스캐폴딩 도구를 사용할 수 있습니다. 설치된 Yeoman 생성기가 드롭다운으로 표시되고 VS Code 내에서 직접 Yeoman 터미널 프롬프트에 응답할 수 있습니다. 마켓플레이스에서 자세한 내용을 확인하세요.

Yo Demo

wmaurer의 change-case

현재 선택된 단어 또는 선택 영역의 대소문자를 변경합니다. 이 확장 프로그램은 node-change-case npm 모듈을 래핑하여 구현됩니다.

change-case demo

VS Code RSS 피드를 구독하여 확장 프로그램에 대한 더 많은 업데이트를 받아보세요.

그리고 마음에 드는 확장 프로그램을 피처링하고 싶다면 트윗을 보내주세요.

Wade Anderson, VS Code 팀원
@waderyan_