Développer pour Shopify demande quatre outils de base : un éditeur de code, un terminal, Node.js, et Git. Si l'un de ces mots ne vous dit rien, ce n'est pas un problème : ce guide vous explique brièvement son rôle ici, et vous renvoie vers un parcours complet de Web-Shine Docs si vous voulez l'approfondir avant de continuer.

Un éditeur de code

Vous allez écrire des fichiers Liquid, JavaScript et JSON tout au long de ce parcours. N'importe quel éditeur de code convient, mais un éditeur pensé pour le développement, avec coloration syntaxique et complétion, rend l'expérience bien plus confortable qu'un simple Bloc-notes. Si vous voulez un éditeur augmenté par l'IA, capable de vous aider directement dans votre code, le parcours Cursor IDE de Web-Shine Docs vous apprend à l'installer et à l'utiliser, étape par étape.

Un terminal

Shopify CLI, l'outil central de ce parcours, se pilote exclusivement depuis un terminal : une application qui exécute des commandes tapées au clavier, plutôt que cliquées. Si les mots « terminal » ou « dossier courant » ne vous sont pas familiers, le guide Ouvrir un terminal et comprendre le dossier courant, du parcours Gemini CLI de Web-Shine Docs, explique ces notions en détail, indépendamment de tout lien avec Gemini : les bases du terminal sont identiques, quel que soit l'outil que vous lancez ensuite dedans.

Node.js

Shopify CLI, comme la plupart des outils modernes de développement web, s'installe et fonctionne grâce à Node.js, qui permet d'exécuter du JavaScript en dehors d'un navigateur. Vous aurez besoin d'une version relativement récente : au moment de la rédaction de ce guide, Shopify CLI demande Node.js 18.20 ou une version plus récente au sein de la branche 18, ou une version 20.10 ou plus récente, ou encore la branche 22. Vérifiez toujours la version exacte requise dans la documentation officielle de Shopify CLI au moment où vous vous installez, ces exigences pouvant évoluer.

Le guide Installer et vérifier Node.js du parcours Gemini CLI explique le rôle de Node.js et la procédure d'installation en détail ; il reste valable ici, seule la version minimale exacte diffère d'un outil à l'autre.

Git

Vous allez modifier des fichiers de thème et de code d'application au fil de ce parcours. Git vous permet de garder un historique de ces modifications, de tester une idée sans risque, et de revenir en arrière si besoin. Ce parcours ne réexplique pas Git en détail : le guide 17, plus loin, se concentre uniquement sur le workflow Git utile à un thème Shopify. Si Git est totalement nouveau pour vous, suivez d'abord le parcours Git & GitHub de Web-Shine Docs, qui part de zéro et construit une vraie compréhension, pas seulement quelques commandes à copier.

Vous n'avez pas besoin de tout maîtriser avant de commencer

Ce guide liste des prérequis, il ne demande pas de tout apprendre en profondeur avant la moindre ligne de ce parcours. Une compréhension de base du terminal et de Node.js suffit pour avancer ; vous approfondirez Git au fil de la pratique, dans un contexte concret, ce qui reste souvent plus efficace qu'une théorie apprise à part.

Comment vérifier que vous êtes prêt

Ouvrez un terminal et lancez ces deux commandes de vérification, sans encore installer Shopify CLI :

node --version
git --version

Si les deux commandes répondent avec un numéro de version, votre environnement de base est prêt. Le prochain guide de ce parcours vous fait créer un compte développeur et un espace de test, avant d'installer Shopify CLI lui-même au guide 5.

Vérifiez que vous avez compris

Vous ne connaissez pas du tout Git, et vous hésitez à vous lancer dans ce parcours développeur Shopify avant de l'avoir appris en profondeur. Est-ce nécessaire ?

Pas immédiatement. Vous pouvez avancer dans les premiers guides de ce parcours sans maîtriser Git, puisqu'il n'intervient concrètement qu'au guide 17. Rien ne vous empêche cependant de suivre le parcours Git & GitHub de Web-Shine Docs en parallèle, pour être à l'aise le moment venu plutôt que de découvrir Git dans l'urgence.

Chapitre terminé