Les outils Cordova débarquent sur Visual Studio Code sous forme d'extension
Pour faciliter le développement d'applications mobiles cross-platform
Le 2016-02-05 08:43:10, par Stéphane le calme, Chroniqueur Actualités
Visual Studio Code, l'éditeur avancé de code, open source et gratuit qui a été présenté lors de l'édition avril 2015 de la conférence Build dédiée aux développeurs, possède désormais une extension qui permet de concevoir des applications mobiles hybrides cross-platform avec Apache Cordova.
Il faut rappeler que Cordova est un framework open source populaire qui permet de créer des applications pour différentes plateformes (Android, Firefox OS, iOS, Ubuntu, Windows 8, etc.) en HTML, CSS et JavaScript. Microsoft avait déjà proposé aux développeurs le support de Cordova à Visual Studio en 2014. D'ailleurs, dans un billet blog, Ryan J. Salva, Program Manager de l'équipe Visual Studio Client Tools, a rappelé que « des milliers de développeurs utilisent déjà les outils Visual Studio pour Apache Cordova - appelés affectueusement 'TACO' , Tools for Apache Cordova - pour concevoir des applications mobiles pour iOS, Android et Windows en se servant d'un codebase JavaScript. Au sein de l'environnement de développement, TACO vous donne tout ce dont vous avez besoin pour installer et configurer des SDK natifs, obtenir des préversions de vos applications, les déboguer sur des émulateurs ou des dispositifs et gérer l'intégration continue/le déploiement via Visual Studio Team Services ».
Après Visual Studio, c'est désormais son package « light » qui profite de cet outillage. « Avec cette extension, vous pouvez déboguer des applications hybrides, trouver des commandes Cordova spécifiques dans la palette de commande, et utiliser IntelliSense pour aller sur des objets, des fonctions et des paramètres », a détaillé Salva.
Il a également souligné les nombreuses options qu'offre cette extension aux développeurs d'applications mobiles : « vous pouvez vous en servir à la fois pour les versions « stock » du framework Apache Cordova et des framework downstream comme Ionic, Onsen, PhoneGap et SAP Fiori Mobile Client. Parce qu'ils utilisent les mêmes systèmes de conception ainsi que le même environnement d'exécution que Cordova, l'extension TACO est adaptable au framework JavaScript de votre choix ».
« En fait », a-t-il continué, « vous pouvez même vous servir de Visual Studio Code sur un projet qui a été créé avec l'EDI Visual Studio. Par exemple, imaginez que vous ayez créé un projet Cordova en vous servant des templates Ionic avec Visual Studio sur un dispositif tournant sur Windows, puis vous l'ouvrez sur un appareil tournant sur OS X ou Linux en vous servant de Visual Studio Code pour continuer votre travail amorcé sur l'EDI Visual Studio. Vous profiterez alors entièrement des fonctionnalités de débogage, d'IntelliSense ainsi que du support du langage indépendamment de l'éditeur de votre choix ».
L'association Visual Studio Code et l'extension Cordova Tools prend actuellement en charge le débogage des applications sur les émulateurs, les simulateurs sur Android et iOS. « Si vous nous le demandez (par courriel ou par tweet), le support de Windows ne devrait pas tarder », a promis Salva. Il est également possible de joindre un débogueur à une application qui est déjà en cours d'exécution sur un dispositif ; le débogueur va simplement se servir de l'ID de l'application pour identifier l'instance en cours d'exécution.
Avec son code source disponible sur GitHub, l'extension Cordova Tools peut être installée directement sur Visual Studio Code pour les environnements Windows, Mac OS X et Linux. Une fois l'outil téléchargé (qui fait environ 50 Mo), il suffit d'invoquer la palette de commande (Cmd+P sur Mac, Ctrl+P sur Windows), de taper « >ext install cordova » et de valider avec la touche Entrée.
voir le code source (GitHub)
télécharger l'extension (Windows, Mac OS X, Linux)
Source : blog Microsoft
Voir aussi :
Android++ : une extension open source pour Visual Studio, ~~pour le développement natif et le débogage d'applications Android
Visual Studio : faut-il envisager une version 64 bits ? ~~Cela pourrait-il vraiment fournir des gains de performance ?
Visual Studio 2015 Update 1 est disponible~~ avec quelques nouvelles fonctionnalités et de nombreuses corrections de bogues
Il faut rappeler que Cordova est un framework open source populaire qui permet de créer des applications pour différentes plateformes (Android, Firefox OS, iOS, Ubuntu, Windows 8, etc.) en HTML, CSS et JavaScript. Microsoft avait déjà proposé aux développeurs le support de Cordova à Visual Studio en 2014. D'ailleurs, dans un billet blog, Ryan J. Salva, Program Manager de l'équipe Visual Studio Client Tools, a rappelé que « des milliers de développeurs utilisent déjà les outils Visual Studio pour Apache Cordova - appelés affectueusement 'TACO' , Tools for Apache Cordova - pour concevoir des applications mobiles pour iOS, Android et Windows en se servant d'un codebase JavaScript. Au sein de l'environnement de développement, TACO vous donne tout ce dont vous avez besoin pour installer et configurer des SDK natifs, obtenir des préversions de vos applications, les déboguer sur des émulateurs ou des dispositifs et gérer l'intégration continue/le déploiement via Visual Studio Team Services ».
Après Visual Studio, c'est désormais son package « light » qui profite de cet outillage. « Avec cette extension, vous pouvez déboguer des applications hybrides, trouver des commandes Cordova spécifiques dans la palette de commande, et utiliser IntelliSense pour aller sur des objets, des fonctions et des paramètres », a détaillé Salva.
Il a également souligné les nombreuses options qu'offre cette extension aux développeurs d'applications mobiles : « vous pouvez vous en servir à la fois pour les versions « stock » du framework Apache Cordova et des framework downstream comme Ionic, Onsen, PhoneGap et SAP Fiori Mobile Client. Parce qu'ils utilisent les mêmes systèmes de conception ainsi que le même environnement d'exécution que Cordova, l'extension TACO est adaptable au framework JavaScript de votre choix ».
« En fait », a-t-il continué, « vous pouvez même vous servir de Visual Studio Code sur un projet qui a été créé avec l'EDI Visual Studio. Par exemple, imaginez que vous ayez créé un projet Cordova en vous servant des templates Ionic avec Visual Studio sur un dispositif tournant sur Windows, puis vous l'ouvrez sur un appareil tournant sur OS X ou Linux en vous servant de Visual Studio Code pour continuer votre travail amorcé sur l'EDI Visual Studio. Vous profiterez alors entièrement des fonctionnalités de débogage, d'IntelliSense ainsi que du support du langage indépendamment de l'éditeur de votre choix ».
L'association Visual Studio Code et l'extension Cordova Tools prend actuellement en charge le débogage des applications sur les émulateurs, les simulateurs sur Android et iOS. « Si vous nous le demandez (par courriel ou par tweet), le support de Windows ne devrait pas tarder », a promis Salva. Il est également possible de joindre un débogueur à une application qui est déjà en cours d'exécution sur un dispositif ; le débogueur va simplement se servir de l'ID de l'application pour identifier l'instance en cours d'exécution.
Avec son code source disponible sur GitHub, l'extension Cordova Tools peut être installée directement sur Visual Studio Code pour les environnements Windows, Mac OS X et Linux. Une fois l'outil téléchargé (qui fait environ 50 Mo), il suffit d'invoquer la palette de commande (Cmd+P sur Mac, Ctrl+P sur Windows), de taper « >ext install cordova » et de valider avec la touche Entrée.
Source : blog Microsoft
Voir aussi :
-
Mickael_IstriaMembre émériteCombien de temps ca t'a coute de faire ta config aux petits oignons? La simplicite de demarrage est l'une des choses les plus importantes pour beaucoup d'utilisateurs. Le scenario a base de vim n'est clairement pas le meilleur pour eux.infiniment moins puissantet en plus développé par une boite qui a quand même un gros passif niveau enfumage du monde... ?le 06/03/2017 à 15:32
-
smartiesExpert confirméCool mais je continue d'utiliser VSCodium afin de me passer des télémétrie de M$le 08/07/2022 à 10:39
-
GilbertLatrancheMembre avertiC'est marrant, les softs qui reposent sur Chromium, on les voit au premier coup d’œil.
Je ne veux pas cracher dans la soupe. Cependant. Pourquoi, au nom de tous les dieux de l'univers de la prog, de nos jours quand on veut faire une appli desktop, Javascript est choisi ? C'est-quoi-le-délire ? Expliquez-moi !le 15/04/2016 à 18:09 -
alves1993Membre éclairéC'est une question de mode (mode technologique) mon type
. Une techno qui sort et tous les paranos de la mode (mode technologique) se jette là-dessus . le 16/04/2016 à 12:33 -
AesonNouveau Candidat au ClubParce que c'est simplele 16/04/2016 à 20:13
-
SkyZoThreaDMembre expérimentéComplètement de l'avis de Chauve souris, Qu'est-ce que ce truc peut apporter de plus que mon bon vieux gedit ?
Pas d'interactions avec le compilo, pas d'auto-complétion... Je vais pas changer mes habitudes juste pour voir un logo microsoftle 19/04/2016 à 12:45 -
tomlevRédacteur/ModérateurJ'ai l'impression que c'est une tendance bien française de dire quelque chose est une tendance bien française... A moins qu'en fait ce soit partout pareil
Tu compares des choses qui ne sont pas comparables... Visual Studio est un vrai IDE complet, avec un système de projet, des designers à gogo, etc. VS Code est un éditeur de code avancé, dans la veine d'Atom ou Sublime Text.
De plus :
- Visual Studio ne tourne que sous Windows
- Visual Studio est (très) lourd : long à démarrer, lent si la solution est grosse et/ou que la machine n'est pas très puissante, très gourmand en RAM, etc
Ça fait au moins 2 bonnes raisons d'envisager l'utilisation de VS Code, qui n'est certes pas un IDE complet comme Visual Studio, mais qui est beaucoup plus léger, et plutôt très puissant pour un "simple" éditeur de code.le 20/04/2016 à 2:06 -
air-dexMembre expertUn bon petit éditeur sur lequel Microsoft fait du bon travail. Je l'avais testé il y a longtemps et je ne l'avais pas trouvé sensationnel, loin de là même. Mais je l'ai retesté il n'y a longtemps et je trouve qu'il a très bien évolué. Il a encore un peu de chemin à faire, mais il est clairement sur la bonne voie. Avant ce n'était qu'un éditeur pour geeks à bidouiller. Maintenant c'est un bon petit logiciel sympa, mais qui a le cul entre deux chaises : trop gros pour être considéré comme un simple éditeur de texte comme Notepad++, Kate ou gedit, mais pas assez consistant pour être utilisable au quotidien en remplacement d'un EDI plus ambitieux comme Eclipse ou IntelliJ. En l'état actuel des choses c'est une très bonne alternative à Geany.
Il ne manque pas grand chose à VS Code pour pouvoir être envisageable en remplacement d'un EDI type Eclipse ou IntelliJ, notamment une barre d'icônes en alternative au menu et aux raccourcis claviers. Pour le reste il sera possible d'en faire un bon EDI avec les plugins qui vont bien.le 17/05/2019 à 19:05 -
dfiad77proMembre expérimenté+ 1 pour la barre d'icones, j'avais oublié ça mais en effet c'est super intéressant pour la productivité.
Je rajoute aussi le fait donner la possibilité de docker la barre de commande pour qu'elle soit toujours visiblele 17/05/2019 à 19:26 -
dfiad77proMembre expérimentébref il y a plein de chose à dire sur vscode 1.41 : les evols du layout, de la tokenisation, du langage server, le terminal webgl, electron etc..
Un énorme travail à été fait pour clôturer la roadmap 2019 et par respect pour cela il faut avoir des discussions intelligentes !
marre de ces gens qui pourrissent les news avec des réponses de merde ! Pardon pour le terme , mais ça viens du coeur
donc -1 pour ton commentairele 13/12/2019 à 18:51