Change the organisation of files by creating a "realisation" folder. authored by THINOT EDOUARD p1909945's avatar THINOT EDOUARD p1909945
# Frontend - Vue.js
## Description
Vue.js est un framework JavaScript progressif utilisé pour créer des interfaces utilisateur.
## Création d'un Projet Localement
Pour commencer le développement avec Vue.js, assurez-vous d'avoir Node.js installé sur votre machine. Vue.js nécessite Node.js version 12.x ou supérieure.
Vérifiez si Node.js et npm sont installés :
* node -v
* npm -v
Si les commandes renvoient des numéros de version, Node.js et npm sont installés.
Si ce n'est pas le cas, téléchargez et installez Node.js depuis le site officiel.
Maintenant, initialisez un nouveau projet Vue.js en utilisant la commande suivante : npm init @vitejs/app frontend
La structure du projet résultante sera la suivante :
```
frontend/
├── .vscode
├── extensions.json
├── public/
│ ├── favicon.ico
└── src/
├── assets/
├── components/
├── App.vue
└── main.js
└── styles.css
├── .gitignore
├── README.md
└── index.html
├── package-lock.json
├── package.json
└── vite.conig.js
├── node_modules/
```
Pour exécuter le serveur de développement, exécutez : npm run dev
## Déploiement d'un Projet Vue.js sur une Machine Virtuelle (VM)
Les applications Vue.js peuvent être servies via différents serveurs web. Nous utiliserons ici un serveur web simple tel que Nginx pour servir les fichiers statiques et gérer les requêtes.
## Tests
### Formatage de Code
* Prettier : Formate automatiquement le code selon des règles prédéfinies.
* ESLint : Outil de linter pour appliquer les normes de codage et détecter les erreurs de syntaxe.
## Sources
* #### [Vue js documentation](https://vuejs.org/guide/introduction)
* #### [Créer un project avec Vite](https://vitejs.dev/guide/)