Installations
VScode setup

VScode & Shopify CLI setup

MAJ Conf 2024

VS Code

👉 Installer VS Code (opens in a new tab)

Et quelques extensions comme:

  • Shopify Liquid
  • Liquid
  • Shopify Liquid Template Snippets
  • Prettier - code formatter
  • indent-rainbow
  • Auto Close Tag
  • Auto Rename Tag
  • Path Intellisense
  • TODO Highlight
  • ESLint
  • Color Highlight

Shopify CLI

La documentation officielle de Shopify est très complète.
Pour plus de détails (opens in a new tab)

💡 Les prérequis

WINDOWS
MACOS

Note : Si vous installez Shopify CLI via Homebrew, Node.js, Ruby et Git seront installés automatiquement.

LINUX

💾 Le processus d’installation

  • Dans le terminal vscode, lancez la cmd :

    npm install -g @shopify/cli @shopify/theme

  • Vérification de la version installée

    shopify version ( actuellement : 3.74.1)

  • Liste des commandes utiles pour shopify ou plus de commandes ici (opens in a new tab)

        /* Lancement du serveur local sur une boutique existante */
    shopify theme dev -s URL_DE_LA_BOUTIQUE.shopify.com
 
    /* connaitre la version du shopify-cli installée */
    shopify version  
 
    /* Mettre à jour le shopify-cli */
    shopify upgrade // mettre à jours
 
    /* Créer un nouveau thème ( souvent à partir de dawn ) */
    shopify theme init

🔌 Connexion à une boutique

  • Ouvrir le terminal et lancer la commande suivante avec le lien de votre boutique.

        shopify theme dev -s URL_DE_LA_BOUTIQUE.shopify.com

  • L'Url de la boutique se trouve dans Shopify > Paramètres > Domaines. Prendre l'URL finissant par '.myshopify.com'

  • Si la boutique demande un code, vous pouvez le trouver dans Shopify > Canaux de vente > Boutiques en ligne > Préférences > Mot de passe

IntroductionVScode Configuration