ヌクスト

1. コンピューターに Node.js(英語) 20 以降がインストールされていることを確認してください。

2. プロジェクトにローカル Node.js ランタイムが設定されていることを確認してください。設定ダイアログ（Ctrl+Alt+S）を開き、言語 & フレームワーク | JavaScript ランタイムに移動してください。ノードランタイムフィールドには、プロジェクトのデフォルトの Node.js ランタイムが表示されます。詳しくはローカル Node.js インタープリターの構成を参照してください。

3. JavaScript and TypeScript、JavaScript Debugger、Vue.js に必要なプラグインが設定 | プラグインページのインストール済みタブで有効になっていることを確認します。詳細については、プラグインのマッピングを参照してください。

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

2. 左側のペインで、ヌクストを選択します。

3. 右側のペインで:

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

   • ノードランタイムフィールドで使用する Node.js ランタイムを指定します。リストから設定済みのランタイムを選択するか、追加を選択して新しいランタイムを設定してください。

   • Nuxt CLI リストから npx nuxi@ 最新を選択し、作成をクリックします。

1. 埋め込みターミナル（Alt+F12）を開いて、次のように入力します。

   npm create nuxt@latest <project-name>

   または

   yarn create nuxt@latest <project-name>

   または

   pnpm create nuxt@latest <project-name>

2. ウィザードはあなたにいくつかの質問をします。それらに答えると、Nuxt プロジェクトが現在のフォルダーで初期化され、PyCharm で使用できるようになります。

   

Nuxt 公式サイト(英語)の詳細を参照してください。

@nuxt/types パッケージをインストールする

• 2.9.0 以降の Nuxt バージョンをご利用で、@nuxt/types パッケージがインストールされていない場合は、PyCharm から通知が表示され、開発依存関係としてインストールすることが提案されます。通知ポップアップ内の @nuxt/types を dev 依存関係としてインストールするリンクをクリックしてください。

  

  ポップアップを閉じても、イベントログツールウィンドウ（表示 | ツールウィンドウ | イベントログ）の @nuxt/types を dev 依存関係としてインストールするリンクをクリックして @nuxt/types をインストールできます。

• または、埋め込まれたターミナル（Alt+F12）を開き、次のように入力します。

  npm install --save-dev @nuxt/types