Visual Studio 2022는 JavaScript를 직접 사용하고 특히 대규모 프로젝트를 개발할 때 더 생산적이고 즐거운 JavaScript 개발 환경을 제공하기 위해 개발된 TypeScript 프로그래밍 언어를 사용하여 JavaScript 개발을 다양하게 지원합니다. 많은 애플리케이션 유형 및 서비스에 대해 Visual Studio에서 JavaScript 또는 TypeScript 코드를 작성할 수 있습니다.
JavaScript 언어 서비스
Visual Studio 2022의 JavaScript 환경은 TypeScript 지원을 제공하는 동일한 엔진에 의해 구동됩니다. 이 엔진은 즉시 강력한 기능 지원과 풍부함, 그리고 통합을 제공합니다.
레거시 JavaScript 언어 서비스로 복원하는 옵션은 더 이상 사용할 수 없습니다. 사용자에게는 새로운 JavaScript 언어 서비스가 기본 제공됩니다. 새 언어 서비스는 정적 분석을 통해 구동되는 TypeScript 언어 서비스를 기반으로 합니다. 이 서비스를 사용하면 더 나은 도구를 제공할 수 있으므로 JavaScript 코드는 형식 정의에 따라 더 풍부한 IntelliSense를 활용할 수 있습니다. 새 서비스는 경량이며 레거시 서비스보다 적은 메모리를 사용하므로 코드 크기가 조정됨에 따라 성능이 향상됩니다. 또한 더 큰 프로젝트를 처리하기 위해 언어 서비스의 성능을 향상시켰습니다.
TypeScript 지원
기본적으로 Visual Studio 2022는 특정 프로젝트 구성 없이 IntelliSense에 전원을 공급하기 위해 JavaScript 및 TypeScript 파일에 대한 언어 지원을 제공합니다.
TypeScript를 컴파일하기 위해 Visual Studio는 프로젝트별로 사용할 TypeScript 버전을 유연하게 선택할 수 있습니다.
ASP.NET Core와 같은 MSBuild 컴파일 시나리오에서 TypeScript NuGet 패키지는 프로젝트에 TypeScript 컴파일 지원을 추가하는 권장 방법입니다. Visual Studio는 프로젝트에 TypeScript 파일을 처음 추가할 때 이 패키지를 추가하는 옵션을 제공합니다. 이 패키지는 언제든지 NuGet 패키지 관리자를 통해 사용할 수 있습니다. NuGet 패키지를 사용하는 경우 해당 언어 서비스 버전이 프로젝트의 언어 지원에 사용됩니다. 참고: 이 패키지의 지원되는 최소 버전은 3.6입니다.
npm에 대해 구성된 프로젝트(예: Node.js 프로젝트)는 TypeScript npm 패키지를 추가하여 고유한 버전의 TypeScript 언어 서비스를 지정할 수 있습니다. 지원되는 프로젝트에서 npm 관리자를 사용하여 버전을 지정할 수 있습니다. 참고: 이 패키지의 지원되는 최소 버전은 2.1입니다.
TypeScript SDK는 Visual Studio 2022에서 더 이상 사용되지 않습니다. NuGet 패키지를 사용하려면 SDK를 사용하는 기존 프로젝트를 업그레이드해야 합니다.
팁 (조언)
Visual Studio 2022에서 개발된 프로젝트의 경우 다양한 플랫폼 및 환경에서 이식성을 높이기 위해 TypeScript NuGet 또는 TypeScript npm 패키지를 사용하는 것이 좋습니다. 자세한 내용은 NuGet을 사용하여 TypeScript 코드 컴파일하기 및 npm을 사용하여 TypeScript 코드 컴파일하기를 참조하세요.
프로젝트 템플릿
Visual Studio 2022부터 Visual Studio에서 독립 실행형 Angular, React 및 Vue 프로젝트를 만들 수 있는 JSPS(JavaScript 프로젝트 시스템)라는 새로운 JavaScript/TypeScript 프로젝트 형식(.esproj)이 있습니다. 이러한 프런트 엔드 프로젝트는 로컬 컴퓨터에 설치한 프레임워크 CLI 도구를 사용하여 만들어지므로 템플릿 버전은 사용자에게 달려 있습니다. 기존 Node.js 프로젝트에서 새 프로젝트 시스템으로 마이그레이션하려면 Node.js 프로젝트 마이그레이션을 참조하세요. 새 프로젝트 형식에 대한 MSBuild 정보는 JSPS의 MSBuild 속성을 참조하세요.
이러한 새 프로젝트 내에서 JavaScript 및 TypeScript 단위 테스트를 실행하고, ASP.NET Core API 프로젝트를 쉽게 추가 및 연결하고, npm 관리자를 사용하여 npm 모듈을 다운로드할 수 있습니다. 시작하려면 몇 가지 빠른 시작 및 자습서를 확인하세요. 자세한 내용은 Visual Studio 자습서 | JavaScript 및 TypeScript를 참조하십시오.
비고
간소화되고 업데이트된 템플릿은 Visual Studio 2022 버전 17.5부터 사용할 수 있습니다. Visual Studio에서 사용할 수 있는 ASP.NET SPA 템플릿에 비해 ASP.NET Core용 .esproj SPA 템플릿은 더 나은 npm 종속성 관리와 더 나은 빌드 및 게시 지원을 제공합니다.