Difference between revisions of "Nuxt"

Latest revision as of 09:50, 18 June 2025

npm is required

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

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

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

All this components will be auto imported

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

Common logic pieces are stored here

Starting point of your app where routing is defined

npm run dev

@@ Line 1: / Line 1: @@
+npm is required
 ===Create project:===
 <syntaxhighlight lang="bash">
@@ Line 6: / Line 8: @@
 </syntaxhighlight>
+== Project structure and files ==
 ===Configuration:===
 nuxt.config.(js | ts | mjs) file
+===Pages directory===
+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 ===
+All this components will be auto imported
+=== Layouts directory ===
+Here you put common layouts that you want to have on every page like side menu or common header
+=== Composables directory ===
+Common logic pieces are stored here
 <br />
-=== Pages directory ===
+=== app.vue ===
-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
+Starting point of your app where routing is defined
+<br />
+=== Run development server ===
+<syntaxhighlight lang="bash">
+npm run dev
+</syntaxhighlight>
 <br />