CATALOGUE Code & Data Formation Svelte Apprendre Svelte 3 et SvelteKit 1.0

Créer un squelette d'application SvelteKit

Retour à la formation
Chapitre 10 Leçon 3
Précédent
Suivant

Dans cette vidéo, apprenez à créer un squelette d'application SvelteKit via l'invite de commande.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons vous guider à travers les étapes nécessaires pour créer un squelette de projet SvelteKit en utilisant des commandes npm. Vous commencerez par naviguer dans votre dossier de développement, puis vous utiliserez la commande npm init svelte@next, suivie du nom du dossier dans lequel vous voulez créer l'application. Nous montrerons comment choisir les options de configuration, les outils à inclure ou non, ainsi que les commandes à exécuter pour lancer le projet. Ensuite, nous ajouterons une nouvelle page à l'application en utilisant Visual Studio Code et enfin, nous verrons comment ajouter des liens de navigation entre les pages. Cette vidéo est destinée aux développeurs souhaitant démarrer rapidement avec SvelteKit et créer une structure de base pour leur projet.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de montrer comment :
• Créer un squelette d'application SvelteKit.
• Ajouter et configurer des pages.
• Naviguer entre les pages créées.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir des connaissances de base en JavaScript et savoir utiliser un terminal de commande et Visual Studio Code.

Métiers concernés

Ce sujet est pertinent pour les métiers suivants :
• Développeur Web
• Développeur Frontend
• Ingénieur Logiciel

Alternatives et ressources

Comme alternatives à SvelteKit, vous pouvez explorer :
• Next.js
• Nuxt.js
• Gatsby.js

Questions & Réponses

Utilisez la commande npm init svelte@next suivie du nom de votre dossier de projet.
La commande npm run dev permet de lancer l'application en mode développement.
Créez un nouveau dossier sous src/routes/ et ajoutez un fichier [page].svelte à l'intérieur.