GoLand 2025.3 Help

Nuxt

With GoLand, you can use the Nuxt framework to develop your Vue.js applications. The recommended way to set up a Nuxt app in GoLand is to use the New Project wizard with a dedicated Nuxt template.

Before you start

  1. Download and install Node.js, version 20 or later.

  2. Make sure a local Node.js runtime is configured in your project: open the Settings dialog (Ctrl+Alt+S) and go to Languages & Frameworks | JavaScript Runtime. The Node runtime field shows the default project Node.js runtime.

  3. Make sure the JavaScript and TypeScript and JavaScript Debugger required plugins are enabled on the Settings | Plugins page, tab Installed. For more information, refer to Managing plugins.

  4. Install and enable the Vue.js plugin on the Settings | Plugins page, tab Marketplace, as described in Installing plugins from JetBrains Marketplace.

Create a project from a Nuxt-specific template

  1. Click File | New | Project from the main menu. Alternatively, on the Welcome screen, click New | Project.

  2. In the left-hand pane, choose Nuxt.

  3. In the right-hand pane:

    • Specify the path to the folder where the project-related files will be stored.

    • In the Node runtime field, specify the Node.js runtime to use. Select a configured runtime from the list or choose Add to configure a new one.

    • From the Nuxt CLI list, select npx nuxi@latest and click Create.

Create a project from the command line

  1. Open the embedded Terminal (Alt+F12) and type:

    npm create nuxt@latest <project-name>

    or

    yarn create nuxt@latest <project-name>

    or

    pnpm create nuxt@latest <project-name>

  2. The wizard asks you some questions. After you answer them, a Nuxt project is initialized in the current folder and is ready to use in GoLand.

    Nuxt project wizard

Learn more from the Nuxt official website.

Nuxt-aware coding assistance

GoLand suggests code completion and shows quick documentation for all core Nuxt components.

GoLand also suggests importing missing import statements for Nuxt components (Alt+Enter.

Quick fix to import a Nuxt component

Edit nuxt.config.ts

GoLand provides proper completion suggestions for the nuxt.config.ts configuration file.

On hover, you’ll also see the Documentation popup showing the type information for the Nuxt options used in the file.

Type checking

Nuxt 4 is fully typed of the box. With earlier Nuxt versions, you need the @nuxt /types package to get better code completion.

Learn more from the Nuxt official website.

Install the @nuxt/types package

  • If you’re using a Nuxt version from 2.9.0 onwards and don’t have the @nuxt/types package installed, GoLand notifies you about it and suggests installing it as a development dependency. Click the Install @nuxt/types as dev dependency link in the notification popup.

    If you close the popup, you can still install @nuxt/types by clicking the Install @nuxt/types as dev dependency link in the Event Log tool window (View | Tool windows | Event Log).

  • Alternatively, open the embedded Terminal (Alt+F12) and type:

    npm install --save-dev @nuxt/types

29 October 2025
Vue.jsVite