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 2016-09-09 08:27:09, 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.
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 :
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 :
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
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 : |
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 : |
1 2 3 4 5 | { "emmet.syntaxProfiles": { "javascript": "html" } } |
Code : |
1 2 3 | { "emmet.excludeLanguages": [ "php" ] } |
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.
Source : blog Visual Studio Code
-
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
-
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 -
pierre.EMembre confirmémoi j'aimerais surtout un bouton pour chaque langage avec les extensions utiles pour éviter de me coltiner la recherche d'extensionle 12/03/2021 à 18:18
-
Mickael_IstriaMembre émériteAttention 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.le 23/09/2016 à 18:03 -
IradrilleExpert confirméÇà 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.le 23/09/2016 à 19:49 -
C'est pas le comportement par défaut normalement.
Regarde dans les paramètres et les options "editor.formatOnSave" etc...
J'aime bien VSC sinon, je l'utilise de plus en plus pour des projets JS ou NodeJS surtout avec intellisense.
Et puis plus fluide que mon IntelliJ pour de petits projets.le 03/03/2017 à 10:13 -
xarkamMembre éprouvéHum, non, code::blocks ou netbeans mais pas eclipse
Je ne doute pas des qualités d'eclipse qui s'améliore avec le temps, mais lui et moi avons un passif ^^
Mais bon, j'ai des licences jetbrains et leur ide font un café à mon goutle 07/03/2017 à 14:51