VS Code est disponible en version 1.5 avec de nouvelles fonctionnalités pour son outil de débogage
L'intégration des langages et bien d'autres

Le , par Stéphane le calme, Chroniqueur Actualités
L’équipe de développement de Visual Studio Code a annoncé la disponibilité de la version 1.5. Microsoft a ajouté de nombreuses nouvelles fonctionnalités et améliorations avec cette mise à jour et apporté également des correctifs aux bogues de la version précédente.

Au niveau de l’espace de travail, l’explorateur de fichiers peut désormais afficher des icônes de fichiers et de dossiers grâce au thème File Icon. N’étant pas activé par défaut, il faut le faire manuellement en effectuant la commande Fichier > Préférences puis choisir le thème (sur Mac ce sera plutôt Code > Préférences). Toutefois, dans cette version, les icônes de fichiers et de dossiers ne seront affichés que dans l’explorateur de fichiers, Microsoft prévoit tout de même de les rendre disponibles à d’autres endroits (comme les onglets Editor par exemple). L’entreprise attend également que la communauté propose ses thèmes étant donné que Visual Studio Code n’est livré qu’avec deux thèmes pour le moment.

Au niveau des langages, la dernière version stable de TypeScript, la version 1.8.10, a été livrée avec Visual Studio Code. Pendant le mois de septembre, la version 2.0 sera disponible mais les développeurs sont déjà en mesure d’installer la release candidate en se servant de npm install -g typescript@rc. Toutefois, Microsoft rappelle qu’utiliser une version différente de TypeScript dans Visual Studio Code en ligne de commande peut être déroutant étant donné que vous aurez des générations différentes d’erreurs, notamment pour les fonctionnalités supportées de 2.0 qui ne le sont pas dans la version 1.8.10.

Du côté de HTML, de nouveaux paramètres ont été activés dans la commande qui intègre la complétion du code fournisseur. Microsoft recommande d’utiliser ces paramètres si vous ne souhaitez pas voir les suggestions correspondantes.

Code : Sélectionner tout
1
2
3
4
5
6
7
8
// Configures if the built-in HTML language suggests Angular V1 tags and properties.
"html.suggest.angular1": true,
 
// Configures if the built-in HTML language suggests Ionic tags, properties and values.
"html.suggest.ionic": true,
 
// Configures if the built-in HTML language suggests HTML5 tags, properties and values.
"html.suggest.html5": true
Il est désormais possible d’associer des syntaxes de profils Emmet existantes (comme html, css) avec d’autres langages dans le nouveau paramètre emmet.syntaxProfiles. Le paramètre prend l’identifiant d’un langage et l’associe avec un profil Emmet. Par exemple, pour utiliser les abréviations Emmet HTML dans JavaScript, il suffit de faire :

Code : Sélectionner tout
1
2
3
4
5
{
    "emmet.syntaxProfiles": {
        "javascript": "html"
     }
}
Il est également possible de désactiver les abréviations Emmet pour un langage en particulier en se servant du paramètre emmet.excludeLanguages. Par exemple, pour exclure Emmet des fichiers PHP il suffit de faire :

Code : Sélectionner tout
1
2
3
4
5
{
    "emmet.excludeLanguages": [
        "php"
    ]
}
Au niveau des extensions, il y a désormais un élément dans le menu pour permettre de mettre à jour toutes ses extensions.


De plus, il y a un paramètre extensions.autoUpdate qui permet de mettre à jour automatiquement les extensions sans intervention de l’utilisateur lorsqu’il a la valeur true.

Il vous est également possible de classer vos extensions par nombre d’étoiles au lieu de ne pouvoir les classer que par ordre d’installation.

Du côté du débogage, une fois dans la console, vous verrez des suggestions pendant que vous êtes en train de taper un code. Toutefois, cette option n’est disponible pour le moment que pour le débogage Node.js, mais d’autres débogueurs peuvent également implémenter des suggestions pendant le protocole de débogage.


La console de débogage peut également être étendue à plusieurs lignes lorsque cela s’avère nécessaire. Pour activer l’extension, il suffit de faire la commande Shift + Entrée.

télécharger Visual Studio Code pour Windows

télécharger Visual Studio Code pour OS X

télécharger Visual Studio Code pour Linux 64 bits (archives tar.gz)

télécharger Visual Studio Code pour Linux 32 bits (archives tar.gz)

Source : blog Visual Studio Code


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse Signaler un problème

Avatar de Olivier Famien Olivier Famien - Chroniqueur Actualités https://www.developpez.com
le 20/09/2016 à 22:45
Le support pour la prise en charge de Java débarque en préversion sur Visual Studio Code
avec plus de fonctionnalités prévues pour bientôt

Depuis que Microsoft s’est tournée vers l’open source, nombreux sont les projets qui convergent vers les plateformes de la firme. En mars dernier, c’est Windows 10 qui a accueilli le sous-système Linux (WSL) afin d’exécuter les binaires Linux. Avant cette prouesse, Microsoft s’est lancé depuis 2015 dans le développement d’une version multi-plate-forme de son environnement de développement intégré (EDI) à succès Visual Studio. Cela a abouti à la mise en œuvre de Visual Studio Code, un éditeur de codes open source, et multi-plate-forme supportant plusieurs langages tels que Angular, PHP, C++, C#, HTML, Python, Go, JavaScript, Ruby, Ruby, JSON, Node.js, etc.

Depuis sa mise sous licence open source, Visual Studio Code s’est enrichi de divers outils et fonctionnalités. À sa version 1.0, l’EDI supportait déjà plus de 100 langages de programmation avec plus de 1 000 extensions qui ont été créés pour étoffer ses fonctionnalités.

Depuis quelques jours, une extension pour java a été rendue disponible afin de permettre aux développeurs Java d’utiliser Visual Studio Code pour le développement de leurs projets. Cela a été possible en exploitant les avantages qu’offre le protocole de langage serveur développé par Microsoft et d’autres entreprises.

Il faut rappeler qu’en juin dernier, Microsoft et Red Hat ont annoncé conjointement qu’ils travaillaient de concert afin de créer un nouveau protocole ouvert pour les services des langages. L’idée était de créer une API que les EDI pourraient invoquer pour obtenir les fonctionnalités du langage souhaité.

Après quelques mois de travaux, le protocole basé sur JSON-RPC a été créé et adopté afin de permettre à n’importe quel éditeur de langages et d’outils d'offrir la prise en charge de son langage et des fonctionnalités de son langage par Visual Studio Code ou d'autres EDI supportant ce protocole. Pour comprendre son fonctionnement, il faut savoir que l’éditeur de langage définit côté serveur toute la syntaxe, les fonctionnalités et les outils de son langage et permet à Visual Studio ou n’importe quel EDI d’accéder à ce langage et les outils affiliés en les invoquant à partir de ce protocole de langage serveur. À chaque modification, une communication permanente est nécessaire entre l’EDI et le serveur.

C’est à partir de ce protocole que les développeurs de Red Hat viennent de permettre à Visual Studio Code de supporter Java. Les développeurs Java peuvent désormais se tourner vers cet EDI pour le développement de leurs projets. Pour ce faire, ces derniers devront installer l’extension mise en ligne ainsi que Java 8 Runtime.

Il faut noter que le support de ce langage est encore dans sa phase de préversion. Plusieurs autres fonctionnalités ne sont pas encore disponibles. Mais pour l’heure, vous avez déjà droit à ces outils :

  • le support des projets basés sur Maven ;
  • la notification des erreurs de compilation en temps réel ;
  • la prise en charge de l’autocomplétion du code ;
  • la possibilité de consulter la documentation Java en survolant les objets du langage ;
  • la prise en charge de l’aperçu du code ;
  • le support de la navigation dans le code ;
  • le support du formatage de code ;
  • la possibilité de mettre en surbrillance d’une partie du code ;
  • la prise en charge de CodeLens ;


Les développeurs de Red Hat annoncent également plusieurs autres fonctionnalités dans un futur proche.

Télécharger l’extension Java pour Visual Studio Code

Source : Blog Red Hat, Microsoft

Et vous ?

Avez-vous testé cette extension ? Comment l’avez-vous trouvée ?

Voir aussi

VS Code : Microsoft lance une extension pour le débogage de sites web pour les appareils iOS depuis son éditeur de code et sans avoir besoin d'un Mac
Avatar de Terra11 Terra11 - Candidat au Club https://www.developpez.com
le 22/09/2016 à 20:59
Bonjour la communauté !

Question de néophyte : quel est l'intérêt de coder sur VS Code plutôt que sur Netbeans pour les projets java ?

Merci

Terra
Avatar de Mickael_Istria Mickael_Istria - Membre émérite https://www.developpez.com
le 23/09/2016 à 16:46
@Terra: tres franchement, pour le moment, aucun. VSCode est meilleur que les IDEs java pour certains use-cases, mais pour le dev Java, meme avec le support apporte par Gorkem, VSCode reste loin derriere en terme de capacites.
Avatar de lc2ms1978 lc2ms1978 - Nouveau membre du Club https://www.developpez.com
le 23/09/2016 à 16:53
Hello,
Pour ceux qui ont déjà VS installé sur leur poste ça leur permet d'avoir un seul EDI et ne pas en installer plusieurs peut être.
Avatar de Mickael_Istria Mickael_Istria - Membre émérite https://www.developpez.com
le 23/09/2016 à 18:03
Citation Envoyé par lc2ms1978 Voir le message
Hello,
Pour ceux qui ont déjà VS installé sur leur poste ça leur permet d'avoir un seul EDI et ne pas en installer plusieurs peut être.
Attention VS != VSCode.
En fait, VSCode est a la mode. Il marche tres bien pour plusieurs technos et correspond a ce que cherchent les gens qui veulent des "editeurs riches" plutot que des IDE - et la ligne entre les 2 est tres trouble. VSCode essaye d'avoir les features d'un IDE sans porter le nom ou certains workflows ou lourdeurs typiques des IDE.
Le public actuel de VSCode, c'est plutot des devs Web, JS ou TypeScript avec pas des masses d'experiences en Java, des gens dont le seul contact avec les Java et les IDEs a ete a l'universite. Ce public rejette l'idee de Java, des applis ecrites en Java et compagnie; par principe et avec des arguments ras des paquerettes bien souvent. Avoir Java dans VSCode, c'est plus un moyen de toucher ce public qu'un service rendu aux developpeurs Java actuels qui restent largement plus productifs avec les IDEs classiques.
Avatar de Iradrille Iradrille - Expert confirmé https://www.developpez.com
le 23/09/2016 à 19:49
Citation Envoyé par Mickael_Istria Voir le message
Attention VS != VSCode.
En fait, VSCode est a la mode. Il marche tres bien pour plusieurs technos et correspond a ce que cherchent les gens qui veulent des "editeurs riches" plutot que des IDE - et la ligne entre les 2 est tres trouble. VSCode essaye d'avoir les features d'un IDE sans porter le nom ou certains workflows ou lourdeurs typiques des IDE.
Le public actuel de VSCode, c'est plutot des devs Web, JS ou TypeScript avec pas des masses d'experiences en Java, des gens dont le seul contact avec les Java et les IDEs a ete a l'universite. Ce public rejette l'idee de Java, des applis ecrites en Java et compagnie; par principe et avec des arguments ras des paquerettes bien souvent. Avoir Java dans VSCode, c'est plus un moyen de toucher ce public qu'un service rendu aux developpeurs Java actuels qui restent largement plus productifs avec les IDEs classiques.
Çà dépend surtout de l'application que tu fais :
- un petit script de ~100 lignes pour automatiser une tache ? Pas besoin d'un "vrai" IDE pour ça.
- un gros projet ? Un IDE est vraiment pratique (voire indispensable).

Et c'est indépendant du langage.
Avatar de Terra11 Terra11 - Candidat au Club https://www.developpez.com
le 24/09/2016 à 9:59
Merci beaucoup pour vos réponses.
C'est vrai que le foin autour de VS Code donne vraiment envie de s'y mettre...
L'inertie de Netbeans me donne parfois des boutons, mais ça ne peut que me forcer à devenir meilleur.
Avatar de Mickael_Istria Mickael_Istria - Membre émérite https://www.developpez.com
le 24/09/2016 à 10:21
Citation Envoyé par Iradrille Voir le message
Çà dépend surtout de l'application que tu fais :
- un petit script de ~100 lignes pour automatiser une tache ? Pas besoin d'un "vrai" IDE pour ça.
Java n'est pas vraiment fait pour faire des scripts de toute maniere. Et meme en 100 lignes de Java, des features comme la hierarchie de types, les refactorings et surout le debug restent quasi-indispensables.
Avatar de Michael Guilloux Michael Guilloux - Chroniqueur Actualités https://www.developpez.com
le 12/10/2016 à 12:42
Visual Studio Code 1.6 est disponible avec le support de TypeScript 2.0
et un bon lot de nouveautés et améliorations

La version 1.6 de Visual Studio Code, l’éditeur de code multiplateforme léger de Microsoft, est disponible avec de nombreuses améliorations et nouvelles fonctionnalités. Parmi les changements majeurs, on peut citer la mise à jour vers TypeScript 2.0. Cette nouvelle version de VS Code est livrée avec TypeScript 2.0.3 par défaut et son lot de nouveautés. Mais Microsoft rassure qu’il est possible de revenir à la version 1.8.10 de TypeScript en effectuant les actions suivantes :

  • naviguer dans votre dossier d'espace de travail ;
  • exécuter npm installer typescript@1.8.10 pour installer la version 1.8.10 de TypeScript ;
  • démarrer VS Code. Il vous sera demandé si vous souhaitez utiliser la version 1.8.10 ou la version embarquée avec VS Code 1.6, c'est-à-dire la version 2.0.3. Vous n'aurez plus qu'à sélectionner la version que vous souhaitez et confirmer le changement de réglage.

Avec la mise à jour vers TypeScript 2.0, d’autres fonctionnalités intéressantes arrivent également dans Visual Studio Code. Et on peut citer entre autres :

Format on Save

Cette fonctionnalité vous permet de formater votre code lorsque vous l'enregistrez. En l’activant, VS Code va automatiquement chercher les extensions de formatage pertinentes installées et formater l'ensemble de votre code à chaque sauvegarde. Pour l’activer, il faut effectuer le paramétrage "editor.formatOnSave": true.

Switch Windows

VS Code embarque une nouvelle commande qui permet de se déplacer rapidement entre les fenêtres ouvertes de VS Code (instances) via la palette de commandes. Il suffit d'ouvrir la palette de commandes (Ctrl + Maj + P) et taper Switch Windows. Un menu déroulant apparaît avec toutes les fenêtres VS Code ouvertes et vous pouvez vous déplacer rapidement de l'une à l'autre sans quitter le clavier, directement à partir de VS Code.


Recommandations d’extensions dans l’espace de travail

Vous pouvez souvent avoir besoin d’un ensemble d’extensions pour être plus productif dans un workspace particulier. VS Code supporte maintenant la création d’une liste d’extensions recommandées pour un espace de travail. L'ensemble des recommandations est défini dans un fichier extensions.json qui se trouve dans le dossier .vscode. De cette façon, les recommandations peuvent être facilement partagées entre membres d'une équipe. Vous pouvez créer ce fichier en utilisant la commande Extensions: Configure Workspace Recommended Extensions. À titre d’exemple, voici le fichier extensions.json utilisé pour l'espace de travail VS Code sur GitHub :

Code : Sélectionner tout
1
2
3
4
5
6
7
 {
	"recommendations": [
		"eg2.tslint",
		"dbaeumer.vscode-eslint",
		"msjsdiag.debugger-for-chrome"
	]
}
Comme vous pouvez le voir, il est recommandé que tous ceux qui travaillent avec le code base de VS Code utilisent les extensions TSLint et ESLint, mais également l’extension de débogage de Chrome. Visual Studio Code va inviter l'utilisateur à installer les extensions recommandées quand un espace de travail est ouvert pour la première fois. L'utilisateur peut aussi consulter la liste avec la commande Extensions: Configure Workspace Recommended Extensions.


Packs d’extensions

VS Code supporte la publication de packs d’extensions dans le Marketplace. Un pack d'extension est un ensemble d'extensions qui peuvent être installées ensemble. Cela permet de partager facilement vos extensions préférées avec d'autres utilisateurs. Un autre cas d'utilisation est de créer un ensemble d'extensions pour un scénario particulier, par exemple pour le développement PHP, pour aider un développeur PHP à démarrer rapidement avec VS Code. La fonctionnalité est disponible en preview, ce qui signifie d’après Microsoft qu’il y a encore du travail à faire à ce niveau.

Un pack d'extensions est représenté comme une extension qui dépend d'autres extensions. Cette dépendance est exprimée à l'aide de l'attribut extensionDependencies à l'intérieur du fichier package.json. Par exemple, voici un pack d'extension pour PHP qui inclut un débogueur, un service de langage, et une extension de formatage :

Code : Sélectionner tout
1
2
3
4
5
   "extensionDependencies": [
      "felixfbecker.php-debug",
      "felixfbecker.php-intellisense",
      "Kasik96.format-php"
  ]
Il faut aussi noter qu’en installant un pack d’extensions, VS Code va également installer les extensions dépendantes.

Parmi les autres nouveautés dans cette version de VS Code, on peut encore citer de manière non exhaustive une extension de débogage expérimentale pour Node 6.3+ pour prendre en charge le V8 Inspector Protocol, mais aussi, le fait que VS Code permet désormais de réutiliser facilement les termes de recherche précédents dans la zone de recherche.

En outre, il est maintenant possible de lancer un script npm avant le débogage. Il s’agit d’une fonctionnalité qui était fréquemment demandée par les utilisateurs. Il y a encore bien d’autres changements à découvrir sur le site de VS Code.

La version 1.6 est disponible en téléchargement pour les principales plateformes, à savoir Windows (7,8,10), macOS 10.X et Linux : Debian, Ubuntu, Red Hat, Fedora, CentOS.

Télécharger Visual Studio Code

Source : Blog Visual Studio Code

Et vous ?

Que pensez-vous de cette nouvelle version ?

Voir aussi :

Le support pour la prise en charge de Java débarque en préversion sur Visual Studio Code avec plus de fonctionnalités prévues pour bientôt
Visual Studio ''15'' : le générateur de projet CMake s'invite dans l'EDI, une preuve de concept de son support offerte dans la Preview 5
La cinquième préversion de Visual Studio "15" est disponible et apporte le filtrage IntelliSense pour une amélioration de la productivité
Avatar de Oscar.STEFANINI Oscar.STEFANINI - Membre régulier https://www.developpez.com
le 12/10/2016 à 16:12
J'apprécie beaucoup cet outil, j'apprécie énormément sa légèreté, son aspect cross-plateform, la facilité d'utilisation et de paramétrage. J'ai installé l'extension officelle pour le c++ mais je pense avoir échoué dans la configuration, l'intellisense est ... pas intelligente. Si jamais quelqu'un à réussi à configurer correctement cette extension, ce serait cool de partager
Contacter le responsable de la rubrique Accueil