Changes
Jump to navigation
Jump to search
← Older edit
Nuxt
(edit)
Revision as of 09:50, 18 June 2025
482 bytes added
,
18 June
m
no edit summary
Line 1:
Line 1:
+
npm is required
+
===Create project:===
===Create project:===
<syntaxhighlight lang="bash">
<syntaxhighlight lang="bash">
Line 6:
Line 8:
</syntaxhighlight>
</syntaxhighlight>
+
+
== Project structure and files ==
===Configuration:===
===Configuration:===
nuxt.config.(js | ts | mjs) file
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 />
<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 />
<br />
Rafahsolis
Bureaucrats
,
Administrators
2,306
edits
Navigation menu
Personal tools
Not logged in
Talk
Contributions
Create account
Log in
Namespaces
Page
Discussion
Variants
Views
Read
Edit
View history
More
Search
Navigation
Main page
Recent changes
Random page
Help about MediaWiki
Tools
Special pages
Printable version