Introduction to the

Nuxt3 is a hybrid development framework based on Vue3.

Installation and use

Create a project

Open the built-in terminal and type the following command to create a NUxT project:

npx nuxi init nuxt3-app
Copy the code

Execute the above command soon appeared in the first pit could not fetch remote https://github.com/nuxt/starter, probably means for network reasons failed to pull items from the lot

After executing the command several times, the code is finally pulled successfully

Install dependencies

CD nuxt3-app enter project command, execute NPM I install dependency, still error failed, should be network cause

Change the yarn package management tool and run yarn Install to install dependencies

Depends on the successful installation

Start the project

Install the package.json file and view the startup commands in development mode (typically dev or start).

Run the yarn run dev command to start the project

Open your browser http://localhost:3000

If this page is displayed, the startup is successful

Landing page

The following landing page is simply modified using the following code

<template>
    <div>
        <h1>nuxt3 app</h1>
    </div>
</template>
Copy the code

View page effects

Use the pages

Create a Pages folder and an index.vue file

<template>
    <div>
        index page
    </div>
</template>
Copy the code