https://github.com/melvynx/beginjavascript-module-dom
dom-rplace
https://github.com/melvynx/beginjavascript-module-dom
Last synced: 7 months ago
JSON representation
dom-rplace
- Host: GitHub
- URL: https://github.com/melvynx/beginjavascript-module-dom
- Owner: Melvynx
- Created: 2023-07-25T02:52:32.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-01T14:35:11.000Z (about 2 years ago)
- Last Synced: 2024-05-07T12:25:30.248Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://rplacejs.vercel.app
- Size: 223 KB
- Stars: 6
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Setup r/place clone
## Prérequis
- [git](https://git-scm.com/downloads) - v2 ou plus
- [node](https://nodejs.org/en/) - v12 ou plus
- [npm](https://nodejs.org/en/) - v6 ou plus
- [VSCode](https://code.visualstudio.com/download) - 1.78.2 ou plus
Vérifie que tout est ok :
```bash
git -v
node -v
npm -v
```
## Cloner le projet
- Ouvrir un terminal
```bash
git clone https://github.com/Melvynx/beginjavascript-module-dom.git
cd beginjavascript-module-dom
npm install
```
## Test du projet
Pour run tes exercices, il faudra cette fois-ci lancer l'application avec node.
Utilise la commande suivante pour lancer le projet :
```bash
npm run dev
```
Tu verras un server web s'ouvrir et tu pourras ouvrir le script. Nous verrons dans la suite du cours ce qu'est `vite`.
## Outils du projet
Dans ce projet, pour la première fois, on va utiliser **ESLint** afin de vérifier que notre code est bien écrit. C'est un outil très utilisé dans le monde du développement web.
Il va nous dire si on utilise des mauvaises pratiques, si on déclare des variables qui ne sont pas utilisées, etc...
Il te permet d'avoir un code plus robuste est de voir les erreurs.
En fin de ce module, lors de la création du projet finale, on prendra un moment pour configurer et comprendre ESLint.