How to install Nuxt 3 and run the application | Nuxt JS 3

By Ved Prakash N | Apr 11, 2023 | Nuxt JS

Hi guys,

In this post, you will be learning how to install nuxt 3 and run the application. so let's get started;

Step 1: Prerequisites

Before the installation of nuxt, we require node.js to be installed on the system. and a Editor named Visual Studio Code editor too:

Node.js - v16.10.0 or newer ( Download : https://nodejs.org/en )
Text editor - We recommend Visual Studio Code with the Volar Extension ( Download ; https://code.visualstudio.com/ )
Terminal - In order to run Nuxt commands

Step 2: Create a new nuxt 3 project / install nuxt 3

Open a terminal OR open VS Code Editor & open the terminal in it and run the below command to create a new nuxt project:

npx nuxi init nuxt3-project-name

Step 3: Open your project folder in Visual Studio Code and run the below command to install the packages:

npm install

once, successfully the packages are installed, then run the application.

Step 4: Start the Nuxt application in development mode with the following command:

npm run dev

npm run dev -- -o

this command will open a browser window automatically for http://localhost:3000

Step 5: Open the URL to see the nuxt app:

http://localhost:3000

Now you've created your Nuxt 3 project, you are ready to start building your applicatio