JetBrains IDE Plugin

Flexible Nuxt.JS

The first real Nuxt IDE plugin for JetBrains. Auto-import scanning from components/, composables/, and utils/. 20+ composable completions, nuxt.config.ts IntelliSense, integrated Nuxi CLI commands, and built-in Run/Debug configurations. Supports Nuxt 2, 3 & 4.

IntelliJ IDEA · WebStorm · PhpStorm · PyCharm · + All JetBrains IDEs

50+
Live Templates
20+
Composable Completions
4
Nuxt Versions Supported

01

Auto-Import & Composable Completion

Stop memorizing import paths and composable signatures. Flexible Nuxt.js automatically scans your components/, composables/, and utils/ directories to provide instant code completion.

As you type, the IDE suggests components, composables, and utilities from your project. Every Nuxt composable like useAsyncData, useFetch, and useState comes with full parameter hints and documentation.

Key features

  • Auto-import detection for components, composables, and utils
  • 20+ Nuxt composable completions with documentation
  • Parameter hints showing expected argument types
  • Support for custom auto-import directories
  • Smart suggestions based on Nuxt conventions
Nuxt.js Auto Completion

02

Nuxt Elements Tool Window

Navigate your entire Nuxt project from a single panel. The Nuxt Elements tool window organizes your project structure by Nuxt conventions, making it easy to find pages, components, composables, and more.

Jump directly to any element with a single click. No more hunting through folder structures. Everything is organized exactly how Nuxt expects it.

Tool window includes

  • Pages – All routes in your application
  • Components – Auto-imported components
  • Composables – Custom composables
  • Layouts – Application layouts
  • Middleware – Route middleware
  • Plugins – Nuxt plugins
  • Server – API routes and server middleware
  • Modules – Installed Nuxt modules
  • Built-in Components – NuxtLink, NuxtPage, etc.
  • CLI Commands – Quick access to Nuxi commands
Nuxt Elements Tool Window

03

Run & Debug Configurations

Launch and debug your Nuxt application directly from the IDE. Flexible Nuxt.js provides built-in run configurations for development, preview, and production modes.

Set breakpoints in your Vue components, composables, and server routes. The integrated debugger connects seamlessly with Nuxt’s dev server, giving you full debugging capabilities without leaving your IDE.

Run configuration features

  • One-click dev server startup
  • Configurable port and host settings
  • HTTPS mode support
  • Node.js debugging integration
  • Source map support for accurate breakpoints
  • Environment variable configuration
Nuxt Run Configuration

04

50+ Live Templates

Write Nuxt code faster with pre-built live templates. Type a short abbreviation and expand it into complete code structures for pages, components, composables, and more.

Every template follows Nuxt best practices and the Composition API style. Create a new page with npage, a composable with ncomp, or an API route with napi.

Template categories

  • Page templates with definePageMeta
  • Component templates with props and emits
  • Composable templates with reactive state
  • API route templates for server/ directory
  • Middleware templates for route guards
  • Plugin templates for app initialization
  • Layout templates with slot content
Nuxt Run Configurations List

05

Everything You Need for Nuxt Development

Flexible Nuxt.js includes all the tools you need to build modern Nuxt applications efficiently.

nuxt.config.ts IntelliSense

Full completion and validation for nuxt.config.ts. Includes deprecation warnings and migration hints for upgrading between Nuxt versions.

Nuxi CLI Integration

Run Nuxi commands directly from the IDE. Generate pages, components, and modules without leaving your editor.

definePageMeta Support

Completion and validation for definePageMeta, including layout, middleware, and custom meta properties.

Nuxt 2, 3 & 4 Support

Works with all Nuxt versions. Automatically detects your project version and provides relevant completions.

Server Route Support

IntelliSense for server/ directory including API routes, middleware, and plugins with H3 completion.

Module Integration

Understands installed Nuxt modules and provides completions for module-provided composables and components.

Simple, Transparent Pricing

Choose the plan that works best for you. All plans include a 7-day free trial.

Individual

For solo developers

$4.90/month

or $49/year (save 17%)

  • ✓ All plugin features
  • ✓ Personal license
  • ✓ Email support
  • ✓ Free updates

Start Building Better Nuxt Apps Today

Join thousands of developers who use Flexible Nuxt.js to build faster and smarter. Try it free for 7 days.