Développement sans effort de LWC dans le développement local / Blogs / Perficient

Le Sortie de Salesforce Winter ’25 dévoile une fonctionnalité intéressante pour les développeurs : Développement local (bêta). Cet outil de pointe permet aux développeurs de créer Composants Web Lightning (LWC) avec un aperçu en temps réel de leur application Lightning ou de leur site Experience Cloud à l’aide de Lightning Web Runtime. Avec Local Dev, les modifications de code sont instantanément reflétées dans le navigateur, rationalisant le processus de développement et augmentant la productivité.

Ce blog plonge dans les avantages du Local Dev, comment il améliore le précédent Serveur de développement local LWCainsi que les étapes pour l’activer dans votre organisation Salesforce.

Comment configurer et utiliser le développement local

Conditions préalables

1. Installez le plugin de développement local

   Ouvrez votre terminal et exécutez la commande suivante dans le répertoire de votre projet.

   sf plugins install @salesforce/plugin-lightning-dev

2. Activer le développement local

   Suivez les instructions détaillées fournies dans le document officiel de Salesforce guide pour activer le développement local dans votre organisation.

Étapes pour activer le développement local

1. Accédez à la configuration de Salesforce :

   • Connectez-vous à votre compte Salesforce.
   • Cliquez sur le Installation icône (icône d’engrenage) dans le coin supérieur droit.
   • Dans le Recherche rapide boîte, tapez Développement local et sélectionnez-le parmi les résultats.
   • 

2. Activer le développement local (bêta)

   • Sur la page de configuration du développement local, cochez la case pour activer Développement local (bêta) pour tous les utilisateurs de votre organisation.
   • 

3. Commencer à développer

   • Une fois activé, vous pouvez commencer à créer des LWC. Ouvrez votre application Lightning ou votre site Experience Cloud dans votre navigateur et Local Dev fournira un aperçu en direct qui se mettra automatiquement à jour à chaque modification de code.

Pour prévisualiser votre application, utilisez cette commande dans votre terminal :

sf lightning dev app

Voici un exemple :

Principaux avantages du développement local

1. Aperçu en temps réel

   Avec Local Dev, les modifications apportées à votre code LWC sont immédiatement reflétées dans le navigateur. Cela élimine le besoin de déploiement de code ou d’actualisation manuelle des pages, accélérant ainsi votre processus de développement.

2. Itération plus rapide

   Un retour instantané vous permet de tester, d’affiner et de dépanner rapidement les composants, de détecter les erreurs plus tôt et d’améliorer la qualité globale.

3. Flux de travail rationalisé

   Profitez d’une expérience de développement intégrée en vous concentrant sur le codage et en voyant les résultats en temps réel sans interruption des étapes de déploiement.

Pourquoi le développement local surpasse le précédent serveur de développement local LWC

• Mises à jour automatiques

  Contrairement à l’ancien serveur, qui nécessite une intervention manuelle, le développeur local actualise automatiquement l’aperçu à chaque changement de code.

• Compatibilité plus large

  Il prend en charge toutes les éditions de Lightning Experience et de l’application mobile, ce qui le rend plus polyvalent et convivial.

• Prêt pour l’avenir

  Salesforce prévoit de supprimer progressivement l’ancien serveur de développement local LWC, dont les capacités de test sont limitées. Le passage à Local Dev garantit l’accès aux derniers outils et technologies.

Conclusion

Développement local (bêta) dans Salesforce Winter ’25 simplifie le développement LWC avec des aperçus en temps réel et des itérations plus rapides. Cette fonctionnalité permet aux développeurs d’optimiser leur flux de travail, d’améliorer la qualité des composants et de rester à jour avec les outils de pointe de Salesforce.