Quick Start

    You can start playing with Nuxt 3 in your browser using our online sandboxes:

    Play on StackBlitz

    Before getting started, please make sure you have installed the recommended setup.

    • Visual Studio Code 👉 Download
    • Volar Extension 👉
      • Either enable Take Over Mode (recommended)
      • … or add TypeScript Vue Plugin (Volar) 👉

    * If you already have Node.js installed, check with that you are using v14 or v16.

    If you have enabled Take Over Mode or installed the TypeScript Vue Plugin (Volar) you can disable generating the shim for *.vue files:

    Open a terminal, or from Visual Studio Code, open an and use the following command to create a new starter project:

    pnpm

      Open nuxt3-app folder in visual studio code:

      Install the dependencies:

      yarn

      1. yarn install

      npm

      pnpm

      yarn

      1. yarn dev -o

      npm

      1. npm run dev -- -o

      pnpm

      ✨

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

      Now that you’ve created your Nuxt 3 project, you are ready to start building your application.

      • Learn about the framework