Tout recemment, Huawei a officiellement lancé le DevEco Studio 3.0 version de son outil d’environnement de développement tout-en-un (IDE). Dans la dernière édition, Huawei a publié DevEco Studio 3.0 Beta 3 qui prend en charge le développement d’applications et de services OpenHarmomy.

Cependant, il s’agit de la première version de DevEco Studio à apporter des capacités pour développer des applications et des services OpenHarmony. Le Huawei DevEco Studio 3.0 Beta 3 comprend une plate-forme d’acquisition d’informations unique, de nouveaux modèles, une édition de code efficace, un aperçu rapide de l’interface utilisateur, un outil de compilation Hvigor, un débogage de code riche, etc.

Huawei DevEco Studio 3.0 :

Huawei DevEco Studio 3.0 est un environnement de développement intégré qui permet aux développeurs d’effectuer diverses tâches de développement d’applications. Il prend en charge l’installation intégrée qui fournit un environnement pouvant être partagé par plusieurs personnes, prend en charge la configuration en un clic de la chaîne d’outils de compilation d’ingénierie de puces, réalise l’extraction en un clic du package de service HarmonyOS Connect, et plus encore.

Le choix des éditeurs: Huawei lance DevEco 3.0 IDE avec une fonctionnalité intelligente

Huawei DevEco 3.0 Beta 3 modifie la description :

Prend en charge la plate-forme d’acquisition d’informations à guichet unique

Basé sur le parcours utilisateur que les développeurs comprennent, apprennent, développent et demandent de l’aide, il fournit une plate-forme d’acquisition d’informations unique dans DevEco Studio : OpenHarmony Information Center. Cette version est la première à être mise en ligne et prend actuellement en charge les fonctionnalités suivantes :

• Fournissez un démarrage rapide du développement d’applications OpenHarmony, des notes de version de DevEco Studio, l’intégration de contenu des FAQ et une expérience immersive de lecture d’informations.

• Prend en charge la navigation en ligne et la création en un clic d’échantillons.

• Il prend en charge l’intégration approfondie du contenu des documents et des fonctions de DevEco Studio. Pendant le processus de lecture du document, vous pouvez extraire les fonctions correspondantes de DevEco Studio et y accéder en un clic.

• Soutenez les commentaires anonymes des développeurs, vos commentaires seront une source importante d’informations pour notre DevEco Studio et les améliorations de la documentation.

• Soutenir l’acquisition rapide de ressources pertinentes lors du développement d’applications OpenHarmony et améliorer l’efficacité de l’acquisition d’informations.

Fournissez des modèles d’ingénierie multi-appareils :

Basé sur le paradigme de développement déclaratif et le paradigme de développement de type Web, Huawei DevEco Studio 3.0 beta 3 fournit aux développeurs OpenHarmony des modèles de projet multi-appareils et prend en charge le développement inter-appareils. Lors du développement d’une application/d’un service, une fois que le développeur a créé un projet selon l’assistant, DevEco Studio génère automatiquement un exemple de code et les ressources associées. Une fois le projet synchronisé, il peut être exécuté directement. Le développeur n’a pas besoin de taper du code à partir de zéro et peut rapidement démarrer.

Édition de code efficace :

Au stade de l’écriture du code d’application ou de service, l’utilisation de compétences de code communes peut améliorer l’efficacité du codage. DevEco Studio fournit diverses compétences communes telles que la mise en évidence du code, le pliage du code et le formatage du code, et prend en charge la complétion Lenovo, le saut de code, la vérification du code, etc., pour obtenir une édition de code efficace.

Prend en charge le développement de l’interface utilisateur de l’interface visuelle :

Le développement low-code OpenHarmony fournit une méthode de conception visuelle efficace, possède de riches fonctions d’édition d’interface utilisateur, son interface et sa logique sont séparées, prend en charge le glisser-déposer gratuit de divers composants, des effets de prévisualisation rapides, ce que vous voyez est ce que vous obtenez. Il prend en charge les cartes Le développement sans code améliore efficacement l’efficacité de la création d’interfaces d’interface utilisateur. Les développeurs peuvent choisir d’activer Super Visual lors de la création d’un projet, d’activer la fonction de développement low-code et d’ouvrir le fichier « .visual » dans la structure du répertoire du projet pour concevoir et développer la mise en page visuelle de la page.

Aperçu de l’interface utilisateur bidirectionnel et extrêmement rapide :

Dans le processus de développement d’applications/services OpenHarmony, DevEco Studio fournit aux développeurs une fonction de prévisualisation, qui prend en charge la prévisualisation bidirectionnelle, la prévisualisation rapide, la prévisualisation en temps réel, la prévisualisation dynamique, la prévisualisation multi-périphérique et une prévisualisation des composants du code de l’interface utilisateur, qui est pratique pour les développeurs de vérifier l’effet d’exécution de l’interface utilisateur à tout moment.

• Aperçu bidirectionnel : Prise en charge de la liaison entre l’éditeur de code, l’interface utilisateur et l’arborescence des composants. Par exemple, si vous sélectionnez un composant dans l’interface utilisateur, le composant correspondant dans l’arborescence des composants sera sélectionné et le bloc de code correspondant dans l’éditeur sera mis en surbrillance ; si vous cliquez sur le code ou l’arborescence des composants, il sera également mis en surbrillance dans l’interface utilisateur. ; De plus, si une propriété est modifiée dans la zone de propriété, la propriété correspondante dans le code sera également modifiée de manière synchrone.

• Aperçu rapide : Lors du développement du code de l’interface utilisateur de l’interface, si les propriétés du composant sont modifiées, le prévisualiseur actualisera le résultat de la prévisualisation en temps réel (niveau inférieur à la seconde) pour obtenir l’effet de la prévisualisation rapide. La version actuelle prend en charge les composants eTS.

• Aperçu en temps réel : Dans le processus de développement du code de l’interface utilisateur, si vous ajoutez ou supprimez des composants de l’interface utilisateur, il vous suffit d’appuyer sur Ctrl+S pour enregistrer, et l’aperçu actualisera immédiatement les résultats de l’aperçu.

• Aperçu dynamique : Dans l’interface de prévisualisation, vous pouvez utiliser les actions d’interaction d’interface de l’application/du service dans la prévisualisation, telles que les événements de clic, le saut, le glissement, etc., ce qui est cohérent avec l’expérience d’interaction d’interface de l’application/du service exécuté sur le réel appareil.

• Aperçu multi-appareil : Prend en charge l’affichage de la disposition de l’interface utilisateur et des effets d’interaction des applications/services sur différents appareils, et prend en charge jusqu’à 4 appareils en même temps. Cliquez sur le bouton dans le coin supérieur droit de l’aperçu pour activer le commutateur d’aperçu multi-profil dans le gestionnaire de profils, puis vous pouvez voir l’effet d’exécution des applications/services sur plusieurs appareils en même temps.

• Aperçu du composant : Prend en charge l’aperçu du composant eTS en ajoutant l’annotation @Preview devant le composant. Dans un seul fichier source, vous pouvez utiliser jusqu’à 10 @Preview pour décorer des composants personnalisés.

Nouvel outil de compilation Hvigor

Pour le développement JS/eTS orienté OpenHarmony, basé sur les technologies de compilation, de packaging et de gestion de packages dans le domaine JS, DevEco Studio fournit Hvigor, un outil de construction automatisé, pour réaliser la construction automatisée en un clic des applications/services OpenHarmony.

Hvigor est un nouvel outil de construction léger frontal basé sur TS. Combiné avec le mécanisme de gestion des packages npm, il fournit principalement des fonctionnalités clés telles que le mécanisme de gestion des tâches, l’enregistrement et la planification des tâches, la gestion des modèles de projet, la gestion de la configuration et la nouvelle entrée de ligne de commande, ce qui est plus conforme aux habitudes de développement openHarmony de TS/JS. développeurs.

Prend en charge le développement d’applications en fonction de l’ensemble de capacités du système de l’appareil SysCap :

SysCap, le nom complet de la capacité du système, c’est-à-dire la capacité du système, fait référence à chaque fonctionnalité relativement indépendante du système d’exploitation, telle que Bluetooth, WIFI, NFC, appareil photo, etc., est l’une des capacités du système. DevEco Studio prend en charge l’importation de l’ensemble de capacités système Syscap défini par l’appareil via PCID (ID de compatibilité de produit). Après avoir importé le PCID, l’éditeur filtre et associe automatiquement les API prises en charge en fonction de la capacité système définie par SysCap. Lors de la compilation et de la création du package HAP, DevEco Studio génère un RPCID (Required Product Compatibility ID) en fonction de l’ensemble de capacités système Syscap utilisé par l’application, et le marché des applications distribue automatiquement l’application aux appareils pris en charge en fonction du RPCID.

Prend en charge un mécanisme de signature d’application entièrement automatisé :

Afin de garantir l’intégrité des applications et des services OpenHarmony, OpenHarmony gère les applications via des certificats numériques et des fichiers d’autorisation, et seuls les HAP signés sont autorisés à être installés et exécutés sur les appareils. Afin de faciliter le débogage des développeurs, DevEco Studio fournit un schéma de signature entièrement automatisé pour générer des informations de signature en un seul clic.

Capacités de débogage et de réglage de code enrichi :

• Débogage de code : DevEco Studio prend en charge le débogage des applications/services OpenHarmony, prend en charge le conditionnement, l’installation, l’exécution et le débogage d’applications en un clic, et prend en charge le débogage du langage JS/TS/eTS/C++, y compris la prise en charge de la gestion des points d’arrêt, le débogage en une seule étape , et visualisation des variables En plus des capacités de débogage de base, il prend également en charge la visualisation des variables, le débogage d’attachement d’application, l’impression de journaux HiLog, le filtrage et les fonctions d’exportation, qui sont pratiques pour les développeurs pour déboguer efficacement le code et analyser et localiser les problèmes.

• Réglage du code : prend en charge l’affichage en temps réel de la charge du processeur et de l’utilisation de la mémoire de l’application et du système actuels, prend en charge l’analyse hors ligne et l’affichage des fichiers de trace de la pile de fonctions et des fichiers de performances, et prend en charge l’enregistrement et l’exportation de ces fichiers.

Problèmes connus

Au cours du processus d’utilisation de DevEco Studio V3.0 Beta3, vous pouvez rencontrer les problèmes suivants, et nous améliorerons et optimiserons ces problèmes dans les versions ultérieures.

Configuration de l’environnement :

Lors de la configuration de l’environnement de développement OpenHarmony, une fenêtre contextuelle permettant de définir le proxy HTTP apparaîtra sur macOS. Si vous n’avez pas besoin de définir un proxy, veuillez cliquer sur Netx : Configurer npm pour la configuration suivante.

Dans macOS, si le thème macOS Light est sélectionné, cela peut entraîner des fonctions anormales, telles que l’échec de l’importation du PCID, veuillez le remplacer par un autre thème.

Gestion de l’ingénierie :

Après avoir supprimé le module dans le projet, un message d’erreur « Build Sync Failed! » apparaîtra dans le petit coin droit. Veuillez ignorer ce message et le projet pourra être compilé normalement.

Sous le thème sombre, lors de la création d’un projet, de l’ajout d’un module, de l’ajout d’une capacité, de l’ajout d’une page, etc., l’interface de l’assistant de configuration clignote, mais cela n’affecte pas l’utilisation des fonctions.

Lors du passage d’un thème sombre à un thème clair, certaines interfaces ou fenêtres (comme l’interface Paramètres) ne s’adaptent pas.

Développement low-code :

Créez un projet low-code, ajoutez un composant de bouton et déboguez le code après avoir lié l’événement. Lors de la saisie d’un point d’arrêt, il y aura un problème que la séquence d’exécution du point d’arrêt est désordonnée.

Aperçu :

Prévisualisez les composants Button, Checkbox, Toggle, TextInput, Blank et Rating dans macOS. Lors de la modification des propriétés des composants correspondants, l’interface de prévisualisation ne sera pas actualisée immédiatement et ne sera mise à jour qu’après l’enregistrement de Ctrl+S.

Exception d’aperçu du composant de panneau :

Dans le code eTS, activez le commutateur d’aperçu bidirectionnel, et après avoir ajouté les propriétés du composant, il y aura une exception dans l’arborescence des composants, qui ne peut pas être positionnée dans les deux sens. Il doit être enregistré après Ctrl + S pour restaurer.

Le composant personnalisé dans le package npm est référencé dans le code html du module, après avoir ajouté ou supprimé un composant et l’avoir enregistré avec Ctrl+S, l’interface de prévisualisation affichera un écran blanc, et vous devrez cliquer sur le bouton d’actualisation pour restaurer ce.

La fonction JS dans le package partagé tripartite npm est référencée dans le module eTS. Si la fonction JS référencée est modifiée, l’interface d’aperçu ne sera pas actualisée et vous devrez cliquer sur le bouton d’actualisation pour la restaurer.

Mise en service :

Lorsque vous utilisez la carte de développement pour vous connecter à DevEco Studio, il se peut que le périphérique ne soit pas reconnu. Pour la méthode de manipulation, veuillez vous référer au guide de manipulation si l’appareil ne peut pas être reconnu une fois l’appareil connecté.

L’appel de l’interface hilog.isLoggable dans Hilog entraînera le blocage du programme, ce qui affectera les opérations ultérieures du programme, telles que l’échec de l’impression du journal Hilog. Il est recommandé de ne pas utiliser cette interface pour le moment.

Analyse des performances du profil :

Pendant l’enregistrement du profil, lorsque vous cliquez sur Arrêter pour arrêter l’enregistrement, il y aura une probabilité que l’enregistrement échoue et le message « Impossible d’obtenir le fichier enregistré de type d’enregistrement de perf d’échantillon » s’affichera. Veuillez réessayer d’enregistrer.

(Via: C’est la maison)