Let create own vscode extension

타입스크립트로 비주얼 스튜디오 확장을 작성할 준비를 하고, 작성된 확작을 게시하는 내용에 대한 리뷰입니다.

비주얼 스튜디오 코드의 확작에 대한 정보는 Extension API 페이지에서 제공하고 있습니다.

준비

Your First Extension: Visual Studio Code 페이지에서 타입스크립트로 확장을 작성하는 방법을 알려줍니다.

yoman 패키지와 VS Code Extension Generator 패키지를 사용해서 부트스트랩 코드를 얻을 수 있습니다.

의존 패키지 설치

$ npm install -g yo generator-code # yoman 패키지와 vs code extension generator 패키지를 전역에 설치합니다.

프로젝트 초기화

$ yo code # 프로젝트를 초기화하기 위한 정보를 입력받는 내용이 출력됩니다. (아래 목록을 확인하세요.)

1. What type of extension do you want to create?
   1. New Extension (TypeScript) 👉 선택
   2. New Extension (JavaScript)
   3. New Color Theme
   4. New Language Support
   5. New Code Snippets
   6. New Keymap
   7. New Extension Pack
   8. New Language Pack (Localization)
   9. New Web Extension (TypeScript)
   10. New Notebook Renderer (TypeScript)
2. What’s the name of your extension? 확장 이름 입력
3. What’s the identifier of your extension? 확장 식별자 입력
4. What’s the description of your extension? 설명을 입력
5. Initialize a git repository? git 저장소 초기화 N 또는 git 저장소 URI
6. Bundle the source code with webpack? webpack을 사용해서 번들링 Y
7. Which package manager to use?
   1. npm 👉 선택
   2. yarn
   3. pnpm
8. Do you want to open the new folder with Visual Studio Code?
   1. Open with code
   2. Skip