Skip to content

Latest commit

 

History

History
39 lines (25 loc) · 1.12 KB

01-hello-world.md

File metadata and controls

39 lines (25 loc) · 1.12 KB

Hello world

Afin de démarrer en douceur, nous allons commencer par un classique : le "Hello world".

Étapes

  1. Créez un nouveau projet Qwik avec un des commandes suivante (en fonction de votre gestionnaire de paquets favori) :
npm create qwik@latest
pnpm create qwik@latest
yarn create qwik
bun create qwik@latest

Choisissez le starter "Empty App".

  1. Ouvrez le projet dans votre IDE favori

  2. Démarrer le projet avec la commande

npm start
pnpm start
yarn start
bun start

Si tout va bien, vous avez réussi à démarrer votre premier projet Qwik ! (Vous pouvez aussi lancer la commande dev au lieu de start pour lancer ouvrir la page sur le navigateur web)

Bonus

Dans le navigateur web, essayez d'utiliser le raccourci "Alt" + clic souris pour directement ouvrir le fichier du composant dans votre IDE, à la ligne correspondante 🤯.

Essayez de modifier le contenu du composant (src/routes/index.tsx), et observez les changements en temps réel dans le navigateur.

Aller plus loin

Pour comprendre la structure de fichier générée, voir ici : https://qwik.dev/docs/project-structure/