개발 환경
- Node.js 설치: https://nodejs.org
- Visual Studio Code 설치: https://code.visualstudio.com
Visual Studio Code - Code Editing. Redefined
Visual Studio Code redefines AI-powered coding with GitHub Copilot for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
프로젝트 생성
# @vscode/vsce: VS Code 확장 배포 도구 - 확장 패키징(.vsix 파일 생성) 및 마켓플레이스 배포에 사용
npm install -g yo generator-code @vscode/vsce
# typescript 전역 설치
npm install -g typescript #tsc --version
# vscode 확장 프로젝트 생성
npx yo code
# 아래와 같이 선택
# New Extension (TypeScript)
# 번들러: esbuild
# 패키지 매니저: npm
esbuild: 현대적이고 빠른 번들러. vscode 확장에 적합
npm: 기본 패키지 매니저. 안정적이고 호환성이 좋음
한눈에 보는 타입스크립트
타입스크립트는 Microsoft에서 개발하고 유지/관리하는 Apache 라이센스가 부여된 오픈 소스로, 자바스크립트에 강한 타입 시스템을 적용해 대부분의 에러를 컴파일 환경에서 코드를 입력하는 동안
www.heropy.dev
빌드 및 패키징
npm run compile #컴파일
vsce package #.vsix 패키지 만들기
code --install-extension [projectName]-0.0.1.vsix #로컬 설치 (테스트용)
'프로그래밍 > 기타' 카테고리의 다른 글
| UV: Rust로 작성된 매우 빠른 Python 패키지 및 프로젝트 관리자 (0) | 2025.08.21 |
|---|---|
| MOM(Message Oriented Middleware, 메세지 지향 미들웨어), 메시지 큐(Message Queue) (0) | 2025.02.06 |
| ChromeDriver 설치 없이 selenium 실행하는 법, webdriver_manager (0) | 2024.12.11 |
| 컴파일 과정, 컴파일러 (0) | 2024.08.02 |
| TOTP(Time Based One Time Password) (0) | 2024.04.15 |
