# Nuxt

> **TL;DR**
> Available only in IntelliJ IDEA with the Ultimate subscription: [download](https://www.jetbrains.com/idea/download/) to try or [explore the features](https://www.jetbrains.com/products/compare/?product=idea&product=idea-ult).
>
>
>
>
>
> Required plugins:
>
>
>
> `JavaScript and TypeScript` -    the plugin is bundled with IntelliJ IDEA and enabled by default.
>
>
>
> `Vue.js` -    install the plugin on the Settings | Plugins page, tab Marketplace.     The plugin is available only in IntelliJ IDEA with the Ultimate subscription.

With IntelliJ IDEA, you can use the [Nuxt](https://nuxt.com/) framework to develop your Vue.js applications. The recommended way to set up a Nuxt app in IntelliJ IDEA is to [use the New Project wizard with a dedicated
Nuxt template](#ws_vue_nuxt_create_app_new_project_wizard).

## Before you start

Procedure:

1. Download and install [Node.js](http://nodejs.org/#download), version 20 or later.

2. Make sure a local Node.js runtime is configured in your project:   open the Settings dialog (`Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))) and go to `Languages & Frameworks | JavaScript Runtime`. The Node runtime field shows the default project Node.js runtime.  Learn more from [Configuring a local Node.js
interpreter](developing-node-js-applications.html#ws_node_configure_local_node_interpreter).

3. Make sure the JavaScript and TypeScript, JavaScript Debugger, and Vue.js required plugins are enabled on the Settings | Plugins page, tab Installed. For more information, refer to [Managing plugins](managing-plugins.html).

## Create a project from a Nuxt-specific template

Procedure:

1. Click New Project  on the Welcome screen or select  `File | New | Project`   from the main menu. The [New Project dialog](null) opens.

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

Procedure:

1. Open your command-line shell or  the embedded Terminal (`Alt+F12` (Windows), `⌥ F12` (macOS), `⌥ F12` (IntelliJ IDEA Classic (macOS)), `⌘ ⌃ T` (macOS System Shortcuts), `Alt+F12` (XWin), `Alt+F12` (GNOME), `Alt+F12` (KDE), `Alt+F12` (Emacs), `Alt+F12` (Sublime Text), `⌥ F12` (Sublime Text (macOS)), `Alt+F12` (NetBeans), `Ctrl+Alt+1` (Visual Studio), `⌘ ⌃ 1` (Visual Studio (macOS)), `Alt+F12` (Eclipse), `⌥ F12` (Eclipse (macOS)))  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 IntelliJ IDEA.

![Nuxt project wizard](https://resources.jetbrains.com/help/img/idea/2026.2/ws_vue_nuxt_create_app_cli_steps_wizard.png)

Learn more from the [Nuxt official
website](https://nuxt.com/docs/4.x/getting-started/installation).

## Nuxt-aware coding assistance

IntelliJ IDEA suggests code completion and shows [quick documentation](viewing-javascript-reference.html) for all [core Nuxt components](https://nuxt.com/docs/4.x/api/kit/components#addcomponent).

![Completion and quick doc for Nuxt components](https://resources.jetbrains.com/help/img/idea/2026.2/ws_vue_nuxt_component_completion_quick_doc.png)

IntelliJ IDEA also suggests importing missing import statements for Nuxt components (`Alt+Enter` (Windows), `⌥ ⏎` (macOS), `⌥ ⏎` (IntelliJ IDEA Classic (macOS)), `⌥ ⏎` (macOS System Shortcuts), `Alt+Enter` (XWin), `Alt+Enter` (GNOME), `Alt+Enter` (KDE), `Alt+Enter` (Emacs), `Alt+Enter` (Sublime Text), `⌥ ⏎` (Sublime Text (macOS)), `Alt+Enter` (NetBeans), `Alt+Enter` (Visual Studio), `⌥ ⏎` (Visual Studio (macOS)), `Ctrl+1` (Eclipse), `⌘ 1` (Eclipse (macOS)).

![Quick fix to import a Nuxt component](https://resources.jetbrains.com/help/img/idea/2026.2/ws_vue_nuxt_component_import.png)

## Edit nuxt.config.ts

IntelliJ IDEA provides proper completion suggestions for the [nuxt.config.ts](https://nuxt.com/docs/4.x/getting-started/configuration) configuration file.

![Code completion in nuxt.config.ts](https://resources.jetbrains.com/help/img/idea/2026.2/ws_vue_nuxt_config_completion.png)

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

![Quick documentation popup in nuxt.config.ts](https://resources.jetbrains.com/help/img/idea/2026.2/ws_vue_nuxt_config_doc_popup.png)

## 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](https://nuxt.com/docs/4.x/guide/concepts/typescript).

Procedure: 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, IntelliJ IDEA 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.

![Notification about missing @nuxt/types](https://resources.jetbrains.com/help/img/idea/2026.2/ws_nuxt_warning_about_types.png)

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 your command-line shell or  the embedded Terminal (`Alt+F12` (Windows), `⌥ F12` (macOS), `⌥ F12` (IntelliJ IDEA Classic (macOS)), `⌘ ⌃ T` (macOS System Shortcuts), `Alt+F12` (XWin), `Alt+F12` (GNOME), `Alt+F12` (KDE), `Alt+F12` (Emacs), `Alt+F12` (Sublime Text), `⌥ F12` (Sublime Text (macOS)), `Alt+F12` (NetBeans), `Ctrl+Alt+1` (Visual Studio), `⌘ ⌃ 1` (Visual Studio (macOS)), `Alt+F12` (Eclipse), `⌥ F12` (Eclipse (macOS)))  and type:

`npm install --save-dev @nuxt/types`