project initialization

install.md

@@ -0,0 +1,95 @@
+## Installation de l'environnement de travail
+
+- Télécharger et installer [Node.js](https://nodejs.org) *(version utilisée : v24.15.0-x64)*
+- Vérification de l'installation
+```powershell
+node -v
+    v24.15.0
+
+npm -v
+    9.1.1
+```
+
+
+## Initialiser le projet **vue.js**
+
+```
+npm create vue@latest
+┌  Vue.js - The Progressive JavaScript Framework
+│
+◇  Project name (target directory):
+│  kwa-ui
+│
+◇  Use TypeScript?
+│  Yes
+│
+◇  Select features to include in your project: (↑/↓ to navigate, space to select, a to toggle all, enter to confirm)
+│  Router (SPA development), Pinia (state management)
+│
+◇  Select experimental features to include in your project: (↑/↓ to navigate, space to select, a to toggle all, enter to confirm)
+│  none
+│
+◇  Skip all example code and start with a blank Vue project?
+│  No
+
+Scaffolding project in C:\Users\sschn\kwa-ui...
+│
+└  Done. Now run:
+        cd kwa-ui
+        npm install
+        npm run dev
+```
+
+## Installation des outils complémentaires
+
+```
+npm install primevue @primeuix/themes
+npm install primeicons
+
+npm install
+```
+
+# Configuration initiale
+
+Modification du fichier ```main.ts```
+```ts
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import PrimeVue from 'primevue/config';
+import Aura from '@primeuix/themes/aura';
+import 'primeicons/primeicons.css';
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+
+app.use(router)
+
+app.use(PrimeVue, {
+    theme: {
+        // Use the Aura theme. It's a modern and elegant theme 
+        // that provides a great user experience.
+        preset: Aura, 
+
+        options: {
+            // Adapts to the Windows dark mode
+            darkModeSelector: 'system', 
+        }
+    }
+});
+
+app.mount('#app')
+```
+
+## Construction de l'application
+
+```
+cd kwa-ui
+npm run build
+```
+