VS Code · Extensions Liquid & workflow dev Shopify
Un éditeur où le thème est lisible, formaté et traçable.
GRATUIT
Pourquoi je l'utilise
- Coloration et IntelliSense Liquid : moins d'erreurs silencieuses.
- GitLens pour comprendre qui a changé quoi avant d'intervenir sur un thème client.
Comment je l'utilise : mini guide
Extensions minimales : Shopify Liquid, Prettier, parfoi ESLint sur le JS du thème.
- Workspace : Un dossier par thème, aligné sur la structure Shopify standard.
- Formatage : Prettier à la sauvegarde pour des diffs propres en revue.
- Snippets : Snippets personnels pour patterns récurrents (schema JSON, blocs répétitifs).
- Debug : Console navigateur + parfois breakpoints sur le JS front du thème.
Je n'installe pas une dizaine d'extensions inutiles qui ralentissent l'IDE.
Exemple concret sur Shopify
Debug d'un bug d'affichage mobile : recherche globale sur la classe, historique Git sur le fichier, correctif ciblé.
Les limites que j'ai identifiées
- Liquid dans les emails ou certains contextes reste moins bien servi par les extensions.
- Pas d'équivalent complet à l'IDE Shopify natif pour tout le monde.