Nuxt

From RHS Wiki
Jump to navigation Jump to search

npm is required

Create project:[edit]

npx nuxi@latest init <project name>
cd <project name>
npm install

Project structure and files[edit]

Configuration:[edit]

nuxt.config.(js | ts | mjs) file

Pages directory[edit]

you create your pages here, each file will be treated as a route, ej: pages/index.vue; pages/index.ts; pages/index.tsx will generate your / route

Components directory[edit]

All this components will be auto imported

Layouts directory[edit]

Here you put common layouts that you want to have on every page like side menu or common header

Composables directory[edit]

Common logic pieces are stored here

app.vue[edit]

Starting point of your app where routing is defined

Run development server[edit]

npm run dev