Deno

1. ようこそ 画面で 新規プロジェクト をクリックするか、メインメニューから ファイル | 新規 | プロジェクト を選択します。 新規 プロジェクト ダイアログが開きます。

2. 左側のペインで、 Deno を選択します。

3. 右側のペインで：

   1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

   2. Deno フィールドに、使用する Deno 実行ファイルの場所を指定します。 標準インストール手順に従った場合、WebStorm は実行ファイルを検出し、自動的にフィールドに入力します。

   

4. 作成 をクリックすると、WebStorm は内部的に deno init <project_name> コマンドを実行します。 その結果、 deno.json 、 main.ts 、 main_test.ts ファイルを含む Deno プロジェクトが生成されます。 詳しくは Deno オフィシャル Web サイト(英語)を参照してください。

1. ようこそ 画面で リポジトリのクローン をクリックします。

   あるいは、メインメニューから ファイル｜新規｜バージョン管理からプロジェクト…、 Git｜クローン…、 VCS | バージョン管理から取得​ を選択します。

   メインメニューの Git の代わりに、プロジェクトに関連付けられている他のバージョン管理システムが表示される場合があります。 例: Mercurial または Perforce。

2. 表示されるダイアログで、リストからバージョン管理システムを選択し、アプリケーションソースをチェックアウトするリポジトリを指定します。 詳細については、 プロジェクトをチェックアウトする（クローン） を参照してください。

1. 設定 ダイアログ（Ctrl+Alt+S ）を開き、 言語 & フレームワーク | JavaScript ランタイム に移動します。

2. 推奨ランタイム リストから Deno を選択してください。

3. Deno 領域で、以下を指定します。

   • Deno 実行可能ファイルへのパス。

   • Deno からのすべてのキャッシュファイルが保存される Deno キャッシュ。

   • WebStorm が Deno LSP サービス をセットアップするために使用する設定を備えた 初期化コマンド。

   

4. TypeScript および TSX コードのフォーマット方法として、Deno 言語サーバーを使用するか、 .ts および .tsx ファイルに対して WebStorm 内部のフォーマット設定を使用するかを指定します。

• Deno 言語サーバーを使用してコードを再フォーマットするには、 設定 ダイアログ (Ctrl+Alt+S) を開き、 言語 & フレームワーク | JavaScript ランタイム に移動して、 Deno 領域の Deno Language Server を使用して .ts および .tsx ファイルをフォーマットする チェックボックスを選択します。

• Deno 言語サーバーを再起動するには、ステータスバーの 言語サービス ウィジェットをクリックし、 Deno <バージョン> の横にある をクリックします。

  

• アプリケーションを起動するためのファイルを開き (デフォルトでは main.ts または main.tsx )、エディター内の任意の場所を右クリックして、コンテキストメニューから 実行 'Deno: <file_name>' を選択します。

• または、 プロジェクト ツールウィンドウで、i を使用してアプリケーションを起動するファイルを選択し、コンテキストメニューから 実行 'Deno: <file_name>' を選択します。

どちらの場合でも、WebStorm は後で保存や再利用が可能な 一時的な実行/デバッグ構成 を生成します。

1. 必要に応じて ブレークポイントを設定します。

2. アプリケーションを起動するファイルを開く (デフォルトでは main.ts または main.tsx )、または プロジェクト ツールウィンドウで選択します。 次にコンテキストメニューから デバッグ 'Deno: < file_name>' を選択します。

   

Deno 実行 / デバッグ構成でデバッグする

1. 実行 / デバッグ構成を作成するまたは 一時的に自動生成された実行 / デバッグ構成を保存します。

2. ツールバーの 実行 ウィジェットリストから、新しく作成または保存した Deno 構成を選択し、その横にある をクリックします。