Skip to main content

Development

Démarrage

Pour commencer à développer, allez dans le dossier du projet et faites dans votre terminal :

yarn start

Cela va démarrer la surveillance de vos fichiers, lancer le mode JIT de TailwindCSS et compiler le JavaScript lors de chaque sauvegarde. Cela va également créer un proxy via Browsersync.

Pour afficher les changements avec auto reload, utilisez http://localhost:3000 Cela va prendre dans votre fichier .env la variable $SITE_URL

Affichez votre projet sur votre réseau Wi-Fi (mobile, tablette, etc.)

Quand vous démarrer l'environnement de développement, vous aurez les informations suivantes dans votre terminal. Assurez-vous que vos appareils sont sur le même réseau que votre ordinateur de travail et allez au URL External.

[Browsersync] Proxying: http://votre-site:8888 (exemple)
[Browsersync] Access URLs:
-------------------------------------
Local: http://localhost:3000
External: http://192.168.2.12:3000 (exemple)
-------------------------------------

Arrêter

CTRL + C

Linting JavaScript

Pour linter le Javascript de votre projet, allez à la racine du projet avec votre terminal.

La config utilisée est celle de standardjs.com

yarn lint:js

Ajouter ou supprimer un paquet

Pour ajouter un paquet pour le projet (Swiper, etc.) :

yarn add [package]
yarn remove [package]