Installing Nuxt

Lets install nuxt exactly how we want it

Install Nuxt

Once we have all this setup we are ready to install nuxt so open a terminal window. Make sure you are creating it in the desired place so cd myproject for example. When you create a nuxt project it will create a folder for you so keep that in mind when running this command


        npx create-nuxt-app project-name
      

Once you run the command you will get the following and one by one in the command you need ot answer the questions. Here is what I reccommend just change the name and description to whatever project you are working on.

setting up nuxt

Once everything is setup you will see the following:

nuxt commands

Open your project

Personally I prefer to open the new project in a new window of VS Code rather than cd into the project as then I am in the right workspace from the start and don't have to think about cd into a folder. However if you prefer to not open the project from the start then just cd into the folder like above chaning learn-nuxt-app for what you called your project. Then if you run the dev command you should see your project :)

You should now get this lovely message from Nuxt telling you where your project is. Use command and click to open the projet or just copy the route and paste it into your browser

nuxt is running
github