ヌクスト
GoLand を使うと、 Nuxt フレームワークを利用して Vue.js アプリケーションを開発できます。 GoLand で Nuxt アプリを設定する推奨方法は、 専用の Nuxt テンプレートを使って新規プロジェクトウィザードを利用することです。
始める前に
Node.js バージョン 20 以降をダウンロードしてインストールします。
プロジェクトにローカルの Node.js ランタイムが構成されていることを確認してください。 設定 ダイアログ（Ctrl+Alt+S ）を開いて に進みます。 ノードランタイム フィールドには、プロジェクトのデフォルト Node.js ランタイムが表示されます。
設定 | プラグイン ページ、タブ インストール済み で、必要な JavaScript and TypeScript および JavaScript デバッガー プラグインが有効化されていることを確認してください。 詳細については、 プラグインの管理を参照してください。
JetBrains マーケットプレイスからプラグインをインストールする説明に従って、 設定 | プラグイン ページの マーケットプレース タブに Vue.js プラグインをインストールして有効にします。
Nuxt 固有のテンプレートからプロジェクトを作成する
メインメニューから をクリックします。 または、ウェルカム画面で をクリックします。
左側のペインで、 ヌクスト を選択します。
右側のペインで：
プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
ノードランタイム フィールドには、使用する Node.js ランタイムを指定します。 リストから設定済みのランタイムを選択するか、 追加 を選択して新しいランタイムを設定します。
Nuxt CLI リストから npx nuxi@ 最新 を選択し、 作成 をクリックします。
コマンドラインからプロジェクトを作成する
埋め込み ターミナル （Alt+F12 ）を開いて、次のように入力します。
npm create nuxt@latest <project-name>または
yarn create nuxt@latest <project-name>または
pnpm create nuxt@latest <project-name>ウィザードはあなたにいくつかの質問をします。 それらに回答すると、Nuxt プロジェクトが現在のフォルダーに初期化され、GoLand ですぐに利用できるようになります。
Nuxt 公式サイト(英語)の詳細を参照してください。
Nuxt 対応コーディング支援
GoLand はコード補完を提案し、すべての コア Nuxt コンポーネント 用の クイックドキュメント を表示します。
GoLand では Nuxt コンポーネントの不足しているインポートステートメントのインポートも提案されます (Alt+Enter)。
nuxt.config.ts を編集する
GoLand は nuxt.config.ts 構成ファイル向けに適切な補完候補を提供します。
カーソルを合わせると、ファイルで使われている Nuxt オプションの型情報を示すドキュメントポップアップも表示されます。
型チェック
Nuxt 4 は完全な型付けが標準装備されています。 以前のバージョンの Nuxt では、より優れたコード補完を取得するには @nuxt /types パッケージが必要です。
Nuxt 公式サイト(英語)の詳細を参照してください。
@nuxt/types パッケージをインストールする
2.9.0 以降の Nuxt バージョンを使用していて、
@nuxt/typesパッケージがインストールされていない場合、GoLand から通知が表示され、開発依存関係としてインストールする提案があります。 通知ポップアップ内の @nuxt/types を dev 依存関係としてインストールする リンクをクリックしてください。ポップアップを閉じても、 イベントログ ツールウィンドウ（ ）の @nuxt/types を dev 依存関係としてインストールする リンクをクリックして
@nuxt/typesをインストールできます。または、埋め込まれた ターミナル （Alt+F12 ）を開き、次のように入力します。
npm install --save-dev @nuxt/types