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 , par Michael Guilloux

121PARTAGES

5  0 
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é

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Mickael_Istria
Membre émérite https://www.developpez.com
Le 06/03/2017 à 15:32
Citation Envoyé par zobal Voir le message
J'utilise vim avec quelques plugins et une config aux petits oignons.
Combien 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 puissant
La, il faut justifier. VSCode est un IDE, qui dit IDE dit completion, documentation contextuelle, rapport d'erreurs, debug, recherche "semantique"... Tout ca vient avec le cout de la lourdeur, mais pour beaucoup d'utilisateurs, c'est vraiment rentable. Perso, tu me feras jamais coder un projet entier dans un pauvre editeur sans debugger. J'adore vim, mais au dela de la simple edition de fichier, des que tu arrives vraiment dans un code complexe, il te faut plus qu'un simple editeur.

et en plus développé par une boite qui a quand même un gros passif niveau enfumage du monde... ?
Les mecs qui font VSCode sont des anciens developpeurs d'Eclipse IDE, ils ont bosse en open-source la plupart de leur temps et meme construit un partie des modeles OSS actuels il y a 15 ans quand Eclipse est devenu OSS. Ils ont mis VSCode en OSS et contribuent des protocoles ouverts pour l'interoperabilite de tous les IDE/langages. Ils pourraient donner des lecons a la plupart des developpeurs a ce sujet. Je ne pense pas que c'est un sujet sur lequel on peut attaquer VSCode.
4  0 
Avatar de Kenshineuh
Futur Membre du Club https://www.developpez.com
Le 03/03/2017 à 10:13
Citation Envoyé par Jarodd Voir le message
J'aime bien VSC, mais il a des défauts qui me hérissent le poil, notamment le formatage (notamment php), qui devient n'imorte quoi quand on a le malheur de faire Ctrl + S (heureusement il y a le save auto, mais parfois par réflexe je sauvegarde manuellement). Et parfois (en JS), j'écris un tableau sur une ligne, et paf il reformate n'importe comment, en mettant les valeurs en dessous, pas indentées. Je remet en place, et ça recommence, indéfiniment. Je n'ai pas trouvé le moyen de supprimer ce comportement.

A part ça, il est assez léger et intuitif à utiliser, j'aime bien.
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.
1  0 
Avatar de xarkam
Membre confirmé https://www.developpez.com
Le 07/03/2017 à 14:51
Citation Envoyé par Mickael_Istria Voir le message
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 gout
1  0 
Avatar de Mickael_Istria
Membre émérite https://www.developpez.com
Le 10/06/2017 à 11:02
Citation Envoyé par sitexw Voir le message
Je ne comprends pas pourquoi il n'y a pas un système qui compte le nombre de fois que l'on sélectionne une proposition et la prochaine fois l'afficher en première, car elle a un nombre de sélection plus élevé que les autres.
Et en plus, c'est loin d'être un cas à part ("pa"=>"pad" au lieu de "padding", "di"=> "direction" au lieu de "display", ...)
C'est un project OSS, ouvre un bug et tu auras surement soit ta reponse, soit un patch.
1  0 
Avatar de Beginner.
Membre chevronné https://www.developpez.com
Le 03/08/2017 à 22:41
Salut,

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...
1  0 
Avatar de goldbergg
Membre actif https://www.developpez.com
Le 12/10/2018 à 10:45
En faite VS code utilise Blink, qui est bien le moteur de rendu utilisé par chrome, mais aussi par Opera et Vivaldi (entre autre) pour la gestion de son interface graphique, il est donc normale de pouvoir y voir certaine similitude.
VS code n'est pas une sur-couche a Chrome, ils partagent juste un certains composant.

Pour la petite histoire, Vs Code est basé sur Electron, qui est un framework qui permet de développé des client lourd multi plateforme via les outils du web (Html/CSS/Javascript), pour ce faire Electron utilise Blink pour le rendu et Node.js pour l'exécution du JS.
1  0 
Avatar de LittleWhite
Responsable 2D/3D/Jeux https://www.developpez.com
Le 12/10/2018 à 10:48
Bonjour,

C'est une application JavaScript, portée en application native grâce à Electron. C'est à la mode.
Une application de ce style embarque le moteur JavaScript (ce qui permet d'interpréter le JS) et le moteur "simple" à importer, c'est le WebKit.
Note : il existe une version de Chrome, appelée Chromium, qui est entièrement libre. Le navigateur Chrome est une version patchée de Chromium, pour y intégré les "ajouts" de Google.
1  0 
Avatar de air-dex
Membre expert https://www.developpez.com
Le 17/05/2019 à 19:05
Un 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.
1  0 
Avatar de dfiad77pro
Membre expérimenté https://www.developpez.com
Le 17/05/2019 à 19:26
+ 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 visible
1  0 
Avatar de CoderInTheDark
Membre expérimenté https://www.developpez.com
Le 18/08/2019 à 14:31
Un gros peluche 1 pour l'accessibilité
1  0 
Contacter le responsable de la rubrique Accueil

Partenaire : Hébergement Web