Installation

Get started with Nuxt quickly with online starters or start locally with your terminal.

Play Online

If you just want to play around with Nuxt in your browser without setting up a project, you can use one of the online sandboxes:

Open on StackBlitz

Open on CodeSandbox

Or follow the steps below to set up a new Nuxt project on your computer.

New Project

Prerequisites

Before you begin, ensure you have the following installed:

1. Node.js

   Install Node.js version 20.x or newer. We recommend the active LTS release.

   Make sure to use an even numbered version (20, 22, etc.)

2. Text Editor

   While there’s no IDE requirement, we recommend:

   • Visual Studio Code with the official Vue extension (previously known as Volar)
   • WebStorm, which along with other JetBrains IDEs, offers great Nuxt support right out-of-the-box

   If you use another editor like Neovim, you can configure Vue Language Server support by following the setup guides.

3. Terminal

   You’ll need a terminal to run Nuxt commands.

   If you’re using Visual Studio Code, you can open an integrated terminal.

Additional notes for an optimal setup

• Neovim: When configuring the Vue TypeScript plugin, make sure location points to the @vue/language-server package directory, not its binary. See the Neovim setup guide for a working configuration.
• WSL: If you’re using Windows and experience slow HMR, you may want to try using WSL (Windows Subsystem for Linux) which may solve some performance issues.
• Windows slow DNS resolution: Instead of using localhost:3000 for local dev server on Windows, use 127.0.0.1 for much faster loading experience on browsers.

Create Your Project

Open a terminal and use the following command to create a new starter project:

npm

npm create nuxt@latest <project-name>

Alternatively, you can find other starters or themes by opening nuxt.new and following the instructions there.

Open Your Project

Once created, navigate to your project directory:

cd <project-name>

You can also open your project folder in Visual Studio Code:

code <project-name>

Development Server

Now you’ll be able to start your Nuxt app in development mode:

npm

npm run dev -- -o

Well done! A browser window should automatically open for http://localhost:3000.

Next Steps

Now that you’ve created your Nuxt project, you’re ready to start building your application. Learn more about Nuxt concepts and features in the following guides.