Quick Start
Starting fresh? Getting started with Nuxt 3 is straightforward!
Play online
You can start playing with Nuxt 3 in your browser using our online sandboxes:
Play on StackBlitz Play on CodeSandboxPrerequisites
Before getting started, please make sure you have installed the recommended setup.
- Node.js* (latest LTS version) 👉 Download
- Visual Studio Code 👉 Download
-
Volar Extension 👉 Download
- Either enable Take Over Mode (recommended)
- ... or add TypeScript Vue Plugin (Volar) 👉 Download
* If you already have Node.js installed, check with node --version
that you are using version 14.16 or above 16.11.
If you have enabled Take Over Mode or installed the TypeScript Vue Plugin (Volar), you can disable generating the shim for
*.vue
files:export default defineNuxtConfig({
typescript: {
shim: false
}
})
New project
Open a terminal, or from Visual Studio Code , open an integrated terminal and use the following command to create a new starter project:
npx
npx nuxi init nuxt-app
pnpm
pnpm dlx nuxi init nuxt-app
Open nuxt-app
folder in Visual Studio Code:
code nuxt-app
Install the dependencies:
yarn
yarn install
npm
npm install
pnpm
pnpm install --shamefully-hoist
Development server
Now you'll be able to start your Nuxt app in development mode:
yarn
yarn dev -o
npm
npm run dev -- -o
pnpm
pnpm run dev -o
✨
Well done! A browser window should automatically open for http://localhost:3000 .
Next steps
Now that you've created your Nuxt 3 project, you are ready to start building your application.
Edit this page on GitHub
Updated at Wed, Jul 6, 2022