Visual Studio for Mac での JavaScript と TypeScript のサポート

重要

Visual Studio for Mac は、Microsoft の モダン ライフサイクル ポリシーに従って、2024 年 8 月 31 日に廃止される予定です。 引き続き Visual Studio for Mac を使用できますが、VS Code 用の新しい C# 開発キット拡張機能のプレビュー バージョンなど、Mac 上の開発者向けの他のいくつかのオプションがあります。

サポートタイムラインと代替方法の詳細をご確認ください

Visual Studio for Mac では、構文の強調表示、コードの書式設定、IntelliSense で JavaScript と TypeScript を利用できます。

typescript editor support

JavaScript のコード記述に関する詳細については、JavaScript でのコードの記述に関するガイドを参照してください。

JavaScript ファイルの追加

JavaScript ファイルはほとんどの場合、[新しいファイル] ダイアログから ASP.NET Core プロジェクトに追加されます。 JavaScript ファイルを追加するには、プロジェクトを右クリックして、[追加] > [新しいファイル] に移動します。

adding new files to the project

[新しいファイル] ダイアログから、[Web] > [Empty JS file]\(空の JS ファイル\) を選ぶか、[Web] > [TypeScript ファイル] を選びます。 名前を付けて [新規] を選択します。

creating a new typescript file from the template

IntelliSense

Visual Studio for Mac は JavaScript Language Service を使用して Intellisense を提供しています。これにより、コードの記述時に、インテリジェントなコード補完、パラメーター情報、メンバー リストが提供されます。

Visual Studio for Mac の JavaScript IntelliSense は、型の推定、JSDoc、または TypeScript 宣言に基づくことができます。

  • 型の推定 - コードの前後関係からオブジェクトの型を割り出します。 詳細については、「型推論に基づく IntelliSense」の Visual Studio セクションを参照してください。

  • JSDoc - 型の推定では正しい型情報が与えられないことがあります。 そのような場合、型情報は JSDoc 注釈によって明示的に指定できます。 詳細については、Visual Studio の JSDoc に基づいた IntelliSense に関するセクションを参照してください。

  • TypeScript 宣言ファイル - .d.ts ファイルを利用し、JavaScript IntelliSense の値が与えられます。 そのファイルに宣言されている型を JSDoc コメントで型として使用できます。 詳細については、「TypeScript 宣言ファイルに基づく IntelliSense」の Visual Studio のセクションを参照してください。

    adding a typescript definition file

関連項目