Visual Studio Code 1.6 est disponible avec le support de TypeScript 2.0
Et un bon lot de nouveautés et améliorations
Le 2016-10-12 12:42:23, par Michael Guilloux, Chroniqueur Actualités
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 :
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 :
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 :
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é
- 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 : |
1 2 3 | { "recommendations": [ "eg2.tslint", "dbaeumer.vscode-eslint", "msjsdiag.debugger-for-chrome" ] } |
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 : |
1 | "extensionDependencies": [ "felixfbecker.php-debug", "felixfbecker.php-intellisense", "Kasik96.format-php" ] |
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.
Source : Blog Visual Studio Code
Et vous ?
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
-
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
-
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 -
Mickael_IstriaMembre émériteC'est un project OSS, ouvre un bug et tu auras surement soit ta reponse, soit un patch.le 10/06/2017 à 11:02
-
Beginner.Membre expertSalut,
Je débute avec VSCode (pour JS/HTML/CSS)...
- Il y a plusieurs choses qui sont vraiment biens (auto-complétion avancée, references, rename, go to definition, le type au survol de la souris...)...
Tout ce qui est présent à la base finalement car les extensions par contre c'est une autre histoire, c'est rebutant, ça peut dégouter un débutant car on peut passer beaucoup de temps à comprendre comment ils fonctionnent et il faut parfois les configurer...
A cause de ça ce genre d'outils peut décourager quelqu'un qui débute, qui veut apprendre un langage car une telle personne a besoin de se concentrer sur le langage lui-même et l'outil doit l'assister mais si il faut pour ça passer beaucoup de temps à apprendre le fonctionnement et la configuration des extensions alors cela nous détourne de l'objectif premier...
Alors avec ce genre d'outils il vaut mieux être averti...
----> Ce qui aurait été bien pour un débutant qui veut apprendre JS/HTML/CSS c'est que tout ce qui est nécessaire pour bien travailler soit déjà installé... Genre j'arrive, je tape du code et tout de suite j'ai le résultat ou peut-être éventuellement je clique sur un bouton "start" mais seulement la première fois et non à chaque fois que je fais une modif...
C'est par exemple ce qu'on a avec JS Bin : copier/coller du code et tout de suite le résultat sans même cliquer sur un bouton et si on fait un changement pareil on voit tout de suite le résultat et cela dans les trois langages html/CSS/JS !
Par contre évidement on n'a pas l'assistance efficace et agréable qu'apporte VSCode...
Ce serait bien : JS Bin + VSCode le tout en un...le 03/08/2017 à 22:41