[TOY] VScode Extension 만들기(1) - 환경 세팅 및 프로젝트 생성

1. 환경 세팅

• Node.js (https://nodejs.org/en/)
• Git (https://git-scm.com/)
• Yeoman (https://yeoman.io/)

npm install -g yo

• VS Code Extension Generator (https://www.npmjs.com/package/generator-code)

npm install -g yo generator-code

 

2. 프로젝트 생성

yo code

New Extension (JavaScript) > toDoList > toDoList > toDoList > Yes > Yes > npm > Open with 'code'

위에 세팅이 끝나면, 다음과 같이 VScode가 열린다. (위치는 Desktop에서 생성되었다. 내가 Desktop에서 yo code를 쳐서 그렇다)

 

3. 실행 확인

F5 > Shift + Command + P > Hello World > enter

F5 키를 눌러, 새로운 확장 개발 호스트를 연다. 그런다음, Shift + Command + P (Mac기준) 를 눌러 명령 팔레트를 열어, Hello World를 입력한다. 엔터!

 

아래에 Hello World from toDoList! 라는 문구가 뜨면, 프로젝트 생성 성공!!!

---

참고 사이트 : https://code.visualstudio.com/api/get-started/your-first-extension

Your First Extension