Installation
Get started with Nuxt quickly with our online starters or start locally with your terminal.
Play Online
You can start playing with Nuxt 3 in your browser using our online sandboxes:
Play on StackBlitzPlay on CodeSandboxStart with one of our starters and themes directly by opening nuxt.new.
Discover nuxt.newPrerequisites
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
above 16.11.
*.vue
files in your nuxt.config
file:export default defineNuxtConfig({ typescript: { shim: false }})
New Project
Open a terminal (if you're using Visual Studio Code, you can open an integrated terminal) and use the following command to create a new starter project:
npx nuxi init <project-name>
Open your project folder in Visual Studio Code:
code <project-name>
Install the dependencies:
yarn install
.npmrc
with shamefully-hoist=true
inside it before pnpm install
.Development Server
Now you'll be able to start your Nuxt app in development mode:
yarn dev -o
Next Steps
Now that you've created your Nuxt 3 project, you are ready to start building your application.
- Learn about the framework concepts