Les outils Cordova débarquent sur Visual Studio Code sous forme d'extension
Les outils Cordova débarquent sur Visual Studio Code sous forme d'extension,
pour faciliter le développement d'applications mobiles cross-platform
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.
:fleche: voir le code source (GitHub)
:fleche: télécharger l'extension (Windows, Mac OS X, Linux)
Source : blog Microsoft
Voir aussi :
:fleche: Android++ : une extension open source pour Visual Studio, ~~pour le développement natif et le débogage d'applications Android
:fleche: Visual Studio : faut-il envisager une version 64 bits ? ~~Cela pourrait-il vraiment fournir des gains de performance ?
:fleche: Visual Studio 2015 Update 1 est disponible~~ avec quelques nouvelles fonctionnalités et de nombreuses corrections de bogues
1 pièce(s) jointe(s)
Une nouvelle version bêta de Visual Studio Code est disponible
Une nouvelle version bêta de Visual Studio Code est disponible
avec Salsa qui est maintenant le service du langage JavaScript par défaut
Comme cela est de coutume tous les mois, Microsoft vient de publier une nouvelle mise à jour de Visual Studio Code, son environnement de développement intégré (EDI) open source fonctionnant sur Windows, Linux et OS X. Dans cette nouvelle version ayant pour code de référence 0.10.10, la part belle a été faite à JavaScript, la fonctionnalité de réduction et d’extension des régions de code, les extensions et l’accessibilité.
De prime abord, l’on note que Salsa, le service du langage JavaScript/TypeScript qui était disponible en préversion dans la version du mois de janvier est maintenant intégré par défaut dans cette nouvelle version.
IntelliSense, la fonctionnalité de Visual Studio Code permettant d’avoir un certain nombre d’informations sur les codes et proposant des suggestions d’appel de méthodes et de propriétés, peut maintenant comprendre le format de commentaires JSDoc afin d’améliorer les suggestions de codes.
Linter, le détecteur d’erreurs de code JavaScript qui faisait partie des anciennes versions de Visual Studio Code a été déprécié. Dorénavant, cette fonctionnalité est l’apanage de Salsa.
En abordant le chapitre des éléments qui ont été révoqués, l’on note par exemple que dans les versions antérieures, il était possible de définir une version de compilation antérieure en utilisant l’attribut target dans le fichier de configuration jsconfig.json. Cette possibilité a été supprimée et l’attribut target est uniquement utilisé par le compilateur tsc pour définir la version cible lorsqu’un fichier JavaScript est compilé en une version antérieure d’ECMAScript. Il va sans dire que le niveau de langage source par défaut est maintenant ECMAScript 6.
Dans les versions antérieures, plusieurs problèmes ont été détectés au niveau des références pour les modules AMD. Ces problèmes n’ayant pas pu trouver de solutions satisfaisantes, le support pour résoudre ces références n’est plus pris en charge.
En marge de cet abandon, il faut ajouter que les paramètres javascript.validate.* ne sont plus supportés ou sont ignorés. Plusieurs autres dépréciations ont été effectuées dans cette version. En dehors de JavaScript, l’on note que l’installation de l’environnement de développement C# est maintenant optionnelle.
En ce qui concerne l’éditeur, plusieurs éléments ont vu leur apparition avec cette version bêta. Par exemple, il est maintenant possible de réduire le contenu d’un bloc de code ou l’étendre afin qu’il soit visible. Cette fonctionnalité a l’avantage de faciliter la lecture du code. Pour masquer une région de code, il suffit de cliquer sur l’icône « — » et pour faire apparaitre les régions de code cachées, il faut cliquer sur l’icône « + », près du code qui a été masqué.
Pour ceux qui sont habitués à utiliser les raccourcis clavier, l’équipe de VS Code a publié la liste suivante afin de faciliter l’extension et la réduction des régions de code :
- les touches Ctrl+Shift+[ permettent de masquer la région de code au niveau du curseur ;
- les touches Ctrl+Shift+] permettent d’étendre la région de code au niveau du curseur ;
- les touches Ctrl+Shift+Alt+[ permettent de réduire toutes les régions de code dans l’éditeur Visual Studio Code ;
- les touches Ctrl+Shift+Alt+] permettent d’étendre toutes les régions dans l’éditeur.
En outre, il faut savoir que les régions à réduire sont déterminées sur la base de l’indentation de chaque ligne. Aussi, pour aider à mieux gérer l’indentation du code, l’équipe de Visual Studio Code a ajouté dans cette version, une barre de statut permettant d’avoir des informations détaillées sur l’utilisation de la touche tabulation et faciliter par la même occasion la conversion entre les tabulations et les espaces.
En plus de ces fonctionnalités, il faut également ajouter que Visual Studio Code peut maintenant faire des suggestions d’extensions en fonction des fichiers que vous avez ouverts dans votre environnement de développement.
Un autre point important qu’il faut également mentionner est la prise en charge par défaut du lecteur d’écran. Il n’est donc plus nécessaire d’activer cette option au niveau des paramètres d’accessibilité afin de pouvoir effectuer la lecture du code par synthèse vocale. Par ailleurs, le thème contraste élevé qui était disponible uniquement dans la version Windows de Visual Studio Code a été également porté sur l’EDI des deux autres plateformes.
Source : Visual Studio
Et vous ?
:fleche: Que pensez-vous de cette nouvelle version ?
:fleche: Répond-elle à vos attentes ?
:fleche: Quelles autres fonctionnalités souhaiteriez-vous voir dans cet EDI multiplateforme ?
Voir aussi
:fleche: Forum Visual Studio
La version 1.0 de Visual Studio Code disponible
La version 1.0 de Visual Studio Code disponible
L’éditeur de code gratuit, multiplateforme et open source compte un demi-million d’utilisateurs actifs mensuels après un an
Dévoilé lors de la conférence Build d’avril 2015 de Microsoft pour les développeurs, Visual Studio Code est maintenant disponible en version 1.0. Il s’agit d’un éditeur de code gratuit et multiplateforme de Microsoft, construit sur Chromium de Google. Visual Studio Code est en quelque sorte une version légère de l’environnement de développement intégré Visual Studio, optimisée pour Windows, Mac OS X et Linux. Il est décrit comme « un nouveau type d’outil qui combine la simplicité d’un éditeur de code avec tout ce dont les développeurs ont besoin pour leur cycle basique modifier-construire-déboguer ». Il faut noter que Visual Studio Code offre le support d’IntelliSense (un système de complétion de code intelligent), le débogage, mais est également venu avec l’intégration de GIT.
Après quelques mises à jour depuis sa sortie, une version bêta de l’éditeur de code a été livrée en novembre dernier avec quelques améliorations. Microsoft a également profité pour faire passer Visual Studio Code en open source, en vue de bénéficier des contributions de la communauté des développeurs.
L'éditeur de code a vu également ses potentialités s’élargir grâce à la prise en charge des extensions pour étendre Visual Studio Code avec de nouvelles fonctionnalités et de nouveaux langages. Les développeurs pourront donc utiliser les extensions proposées par Microsoft via Visual Studio Marketplace, modifier ces extensions pour répondre à un besoin spécifique ou tout simplement créer de nouvelles extensions en partant de zéro.
Depuis, son passage en open source, l’éditeur de code multiplateforme a également bénéficié de mises à jour, notamment une extension qui permet de concevoir des applications mobiles hybrides cross-platform avec Apache Cordova, ou encore l'adoption de Salsa en tant que service du langage JavaScript/TypeScript par défaut.
En un an, Visual Studio Code qui a commencé juste comme un outil expérimental pour les développeurs qui utilisent JavaScript et TypeScript est donc devenu assez mûr et stable pour que Microsoft livre sa première version majeure. « Visual Studio Code a été initialement construit pour les développeurs créant des applications Web en utilisant JavaScript et TypeScript. Mais en moins de six mois, depuis que nous avons rendu le produit extensible, la communauté a construit plus de 1000 extensions qui offrent maintenant un support pour presque n'importe quel langage ou runtime dans Visual Studio Code », explique Microsoft dans un billet de blog. Il faut préciser que l’extensibilité de Visual Studio Code a permis au nouvel éditeur de code avancé de prendre en charge plus d’une centaine de langages et frameworks, dont les plus populaires tels que C++, HTML, CSS, C#, F#, Python, PHP, Node.js, Go, etc. « Avec ce grand écosystème en place, nous pouvons avec confiance déclarer que notre API est stable, en garantissant la compatibilité à l'avenir », a écrit Microsoft.
Depuis la première préversion publique de Visual Studio Code, Microsoft note encore 2 millions installations. L’éditeur de code compte également plus de 500 000 utilisateurs actifs chaque mois.
La version 1.0 de Visual Studio Code est actuellement disponible en téléchargement sur le site dédié à l’éditeur de code. Ceux qui ont déjà installé une version antérieure ont également la possibilité de faire une mise à jour.
:fleche: Télécharger la version 1.0 de Visual Studio Code
Source : Blog Visual Studio Code
Et vous ?
:fleche: Avez-vous déjà testé le nouvel éditeur de code ?
:fleche: Si oui, quelle est votre expérience de Visual Studio Code ?
:fleche: Sinon, comptez-vous le tester ? Pourquoi ?
Voir aussi :
:fleche: Visual Studio Code devient open source, l'éditeur multiplateforme de Microsoft disponible en version bêta avec une pile de nouveautés
:fleche: Build 2015 : Microsoft dévoile Visual Studio Code, un EDI gratuit multiplateforme pour Windows, Linux et Mac, la preview disponible en téléchargement