96 lines
1.9 KiB
Markdown
96 lines
1.9 KiB
Markdown
## 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
|
|
```
|
|
|