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 종속성 관리와 더 나은 빌드 및 게시 지원을 제공합니다.
Visual Studio 2019는 JavaScript를 직접 사용하고 특히 대규모 프로젝트를 개발할 때 보다 생산적이고 즐거운 JavaScript 개발 환경을 제공하기 위해 개발된 TypeScript 프로그래밍 언어를 사용하여 JavaScript 개발을 다양하게 지원합니다. 많은 애플리케이션 유형 및 서비스에 대해 Visual Studio에서 JavaScript 또는 TypeScript 코드를 작성할 수 있습니다.
JavaScript 언어 서비스
Visual Studio 2019의 JavaScript 환경은 TypeScript 지원을 제공하는 동일한 엔진에 의해 구동됩니다. 이렇게 하면 기능 지원, 기능의 풍부함, 그리고 통합이 즉시 제공됩니다.
레거시 JavaScript 언어 서비스로 복원하는 옵션은 더 이상 사용할 수 없습니다. 이제 사용자에게 새로운 JavaScript 언어 서비스가 기본 제공되었습니다. 새 언어 서비스는 정적 분석을 통해 구동되는 TypeScript 언어 서비스를 기반으로 합니다. 이를 통해 더 나은 도구를 제공할 수 있으므로 JavaScript 코드는 형식 정의에 따라 더 풍부한 IntelliSense를 활용할 수 있습니다. 새 서비스는 경량이며 레거시 서비스보다 적은 메모리를 사용하므로 코드 크기가 조정됨에 따라 성능이 향상됩니다. 또한 더 큰 프로젝트를 처리하기 위해 언어 서비스의 성능을 향상시켰습니다.
TypeScript 지원
Visual Studio 2019는 TypeScript 컴파일을 프로젝트에 통합하기 위한 몇 가지 옵션을 제공합니다.
- TypeScript NuGet 패키지입니다. TypeScript 3.2 이상의 NuGet 패키지가 프로젝트에 설치되면 해당 버전의 TypeScript 언어 서비스가 편집기에 로드됩니다.
- TypeScript npm 패키지입니다. TypeScript 2.1 이상의 npm 패키지가 프로젝트에 설치되면 해당 버전의 TypeScript 언어 서비스가 편집기에 로드됩니다.
- TypeScript SDK는 Visual Studio 설치 관리자에서 기본적으로 사용할 수 있습니다.
팁 (조언)
Visual Studio 2019에서 개발된 프로젝트의 경우 다양한 플랫폼 및 환경에서 이식성을 높이기 위해 TypeScript NuGet 또는 TypeScript npm 패키지를 사용하는 것이 좋습니다. 자세한 내용은 NuGet을 사용하여 TypeScript 코드 컴파일하기 및 npm을 사용하여 TypeScript 코드 컴파일하기를 참조하세요.
프로젝트
UWP JavaScript 앱은 Visual Studio 2019에서 더 이상 지원되지 않습니다. JavaScript UWP 프로젝트(확장명 .jsproj가 있는 파일)를 만들거나 열 수 없습니다. Windows에서 잘 실행되는 PWA(프로그레시브 웹앱)를 만드는 방법에 대한 설명서를 사용하여 자세히 알아볼 수 있습니다.