Visual Studio 2022 では、JavaScript を直接使用する場合と、 TypeScript プログラミング言語を使用する JavaScript 開発が豊富にサポートされています。これは、特に大規模なプロジェクトを開発する場合に、より生産性が高く、楽しい JavaScript 開発エクスペリエンスを提供するために開発されました。 Visual Studio では、多くのアプリケーションの種類とサービスに対して JavaScript または TypeScript コードを記述できます。
JavaScript 言語サービス
Visual Studio 2022 の JavaScript エクスペリエンスには、TypeScript のサポートを提供する同じエンジンが搭載されています。 このエンジンを使用すると、すぐに優れた機能のサポート、豊富な機能、統合を実現できます。
従来の JavaScript 言語サービスに復元するオプションは使用できなくなりました。 ユーザーは、すぐに使用できる新しい JavaScript 言語サービスを利用できます。 新しい言語サービスは、静的分析を利用した TypeScript 言語サービスのみに基づいています。 このサービスを使用すると、より優れたツールを提供できるため、JavaScript コードでは、型定義に基づいてより豊富な IntelliSense を利用できます。 新しいサービスは軽量で、従来のサービスよりも消費されるメモリが少ないため、コードのスケーリングに合わせてパフォーマンスが向上します。 また、大規模なプロジェクトを処理するために言語サービスのパフォーマンスも向上しました。
TypeScript のサポート
既定では、Visual Studio 2022 では、JavaScript ファイルと TypeScript ファイルの言語サポートが提供され、特定のプロジェクト構成なしで IntelliSense が機能します。
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 以降では、JavaScript プロジェクト システム (JSPS) と呼ばれる新しい JavaScript/TypeScript プロジェクトの種類 (.esproj) があり、Visual Studio でスタンドアロンの Angular、React、および Vue プロジェクトを作成できます。 これらのフロントエンド プロジェクトは、ローカル コンピューターにインストールしたフレームワーク CLI ツールを使用して作成されるため、テンプレートのバージョンはユーザーが選択できます。 既存の Node.js プロジェクトから新しいプロジェクト システムに移行するには、「 Node.js プロジェクトの移行」を参照してください。 新しいプロジェクトの種類の MSBuild の情報については、JSPS の MSBuild プロパティを参照してください
これらの新しいプロジェクトでは、JavaScript と TypeScript の単体テストを実行し、コア API プロジェクト ASP.NET 簡単に追加して接続し、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 を直接使用する場合と、 TypeScript プログラミング言語を使用する JavaScript 開発が豊富にサポートされています。これは、特に大規模なプロジェクトを開発する場合に、より生産的で楽しい 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 コードをコンパイルする」を参照してください。
プロジェクト
Visual Studio 2019 では、UWP JavaScript アプリはサポートされなくなりました。 JavaScript UWP プロジェクト ( 拡張子が .jsproj のファイル) を作成または開くことはできません。 詳細については、Windows で適切に動作 するプログレッシブ Web アプリ (PWA) の作成 に関するドキュメントを参照してください。