Visual Studio Code 1.3 disponible, l'éditeur de code multiplateforme embarque les onglets
Et permet l'utilisation simultanée de plusieurs terminaux

Le , par Michael Guilloux, Chroniqueur Actualités
Visual Studio Code, l’éditeur de code gratuit et multiplateforme de Microsoft construit sur Chromium de Google, est disponible en version 1.3, un mois après la version 1.2, et conformément à son processus de mise à jour (une version chaque mois).

Pour rappeler les fonctionnalités de la version 1.2, on peut dire que l’éditeur de code léger open source de Microsoft a introduit la suppression automatique des espaces inutiles. Visual Studio Code, à partir de la version 1.2, peut suivre les espaces qu'il insère automatiquement et les supprimer s'ils ne sont plus nécessaires. Il a également introduit un nouveau raccourci clavier pour sélectionner tous les résultats correspondant à une recherche et les modifier simultanément, sans avoir besoin d’utiliser la fonction rechercher et remplacer.

La principale nouveauté introduite dans VS Code 1.2 était sans doute le support de terminal intégré qui vous permet de rester dans Visual Studio Code tout en utilisant le Shell de votre plateforme. C’était toutefois la deuxième fonctionnalité la plus demandée par les utilisateurs. La fonctionnalité la plus demandée a quant à elle été repoussée pour une autre version. Il s’agit du support dans onglets.

Dans cette nouvelle mouture, Visual Studio 1.3, Microsoft répond à la principale demande des utilisateurs de son éditeur de code, en introduisant le support des onglets. VS Code affiche désormais chaque fichier en tant qu’onglet. Les utilisateurs peuvent également utiliser les glisser-déposer pour organiser leurs différents fichiers. Ils peuvent donc rapidement naviguer entre les fichiers et mieux organiser leur travail.


Pour ceux qui ne veulent pas utiliser les onglets, il est toutefois possible de désactiver la fonctionnalité via le paramètre workbench.editor.showTabs.

Introduit dans la version 1.2, le support de terminal intégré a été amélioré dans cette nouvelle mouture de Visual Studio Code. Quelques améliorations ont été apportées à cette fonctionnalité, mais on peut mettre en avant la possibilité de lancer et d’utiliser plusieurs terminaux en même temps. Une instance de terminal peut être créée en cliquant simplement sur le bouton +, dans le coin supérieur droit du panneau TERMINAL. Cela crée une nouvelle entrée dans la liste déroulante qui affiche les instances de terminal.


La nouvelle version de l’éditeur de code apporte également de grands changements au niveau de la gestion des extensions. Une nouvelle fonctionnalité Extensions View vient par exemple pour « améliorer la recherche, l'installation et la mise à jour des extensions VS Code », a souligné l’équipe de développement de Visual Studio Code.

Avec l’introduction des onglets, le support du Drag & Drop dans l’éditeur a aussi été amélioré. Jusqu’ici, il était possible de glisser des fichiers depuis l'extérieur de VS Code et les déposer dans l'éditeur, pour ouvrir ces fichiers. Maintenant il y a beaucoup plus de choses qui peuvent être faites avec le glisser-déposer. Une nouvelle possibilité (Drop to Split) permet par exemple de déplacer et ouvrir un fichier sur le côté en scindant en deux l’éditeur de code, comme vous pouvez le voir dans l’animation suivante.


En autres petites nouveautés introduites dans Visual Studio Code 1.3, on note également des améliorations de fonctionnalités existantes et un ensemble de corrections de bogues. Visual Studio Code est disponible pour Windows (7, 8, 10), Mac OS X (OS X Yosemite, El Capitan) et Linux (Debian, Ubuntu, Red Hat, Fedora, CentOS).

Télécharger Visual Studio Code 1.3 pour Windows, Linux, Mac OS X

Source : Blog Visual Studio Code

Et vous ?

Avez-vous déjà testé le nouvel éditeur de code ?
Si oui, quelle est votre expérience de Visual Studio Code ?
Sinon, comptez-vous le tester ? Pourquoi ?

Voir aussi :

Visual Studio Code 1.2 est disponible, l'éditeur de code gratuit et multiplateforme embarque de nouvelles fonctionnalités dont un terminal intégré
L'éditeur de texte multiplateforme Vim 8 arrive, et apporte le support des échanges de messages effectués de manière asynchrone


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 citrix6 citrix6 - Futur Membre du Club https://www.developpez.com
le 08/07/2016 à 17:15
Enfin c'est onglet

depuis le temps que tout le monde les demandent
Avatar de abriotde abriotde - Membre éprouvé https://www.developpez.com
le 08/07/2016 à 22:48
Etant du monde Linux j étais sceptique mais j avoue que VSCode est open source, et compatible Linux donc je l ai essayer et j'ai été conquis par sa rapidité. Je le préfere a ses conqurents direct. Cependant, au quotidien, Vim et Gedit me sufisent (j y suis habitué) pour les languages de scripts et pour le C/C++ rien ne remplace un gros Netbeans.
Avatar de MichaelREMY MichaelREMY - Membre confirmé https://www.developpez.com
le 09/07/2016 à 16:50
pas de version 64 bits sous windows...
Grrr, je passe mon chemin.

pas de paramétrage possible pour indiquer le path d'un exe ou d'un serveur pour une compilation/test/run....je passe définitivement mon chemin.

Microsoft semble avoir voulu sortir cet éditeur pour être dans la liste avec les autres, et non pas pour performer et améliorer la vie des développeurs.
Avatar de blbird blbird - Membre éprouvé https://www.developpez.com
le 10/07/2016 à 11:38
Excellent éditeur, très rapide, que j'utilise pour ma montée en compétence JS. J'aime beaucoup. Et qu'il ne soit ps en 64 bits m'indiffère complètement, du moment qu'il est rapide et efficace.
Avatar de Aspartame Aspartame - Membre actif https://www.developpez.com
le 10/07/2016 à 14:35
pour l'instant , Atom qui s'appuie sur les mêmes briques logicielles a ma préférence ...
Avatar de GannouniH GannouniH - Nouveau Candidat au Club https://www.developpez.com
le 15/07/2016 à 17:23
Excellent éditeur
Avatar de Coriolan Coriolan - Chroniqueur Actualités https://www.developpez.com
le 07/08/2016 à 19:40
Visual Studio Code 1.4 : l'équipe de développement se concentre sur la correction de bogues
Et apporte des améliorations au contrôle de suggestions

Visual Studio Code est un éditeur de code développé par Microsoft pour Windows, Linux et OS X. Il est gratuit et open source, et inclut plusieurs fonctionnalités comme la coloration syntaxique, la complétion de code intelligente, les extraits de code (snippets) et la refactorisation de code. Il permet aussi à l’utilisateur de personnaliser le thème de l’éditeur, les raccourcis clavier et les préférences. Visual Studio Code est basé sur Electron, un framework utilisé pour le déploiement des applications Node.js qui s’exécutent sur le moteur de rendu Blink.

Conformément au processus de mise à jour mensuel (une version chaque mois), la version 1.4 est disponible. Cette mise à jour n’inclut pas beaucoup de nouveautés comparée à la version 1.3 sortie un mois plus tôt ; elle avait introduit le support des onglets, une fonctionnalité demandée par plus de 9000 développeurs sur le site de suggestion de requêtes. Dans cette version, VS Code 1.4, l’accent a été plutôt mis sur la correction de bogues et l’implémentation de certaines améliorations dans le Workbench, l’éditeur, le débogage et les extensions.


Lors de l’introduction du support d’onglets, les actions (Switch to Changes View, Open Preview) ont été déplacées afin de gagner plus d’espace. Suite à la demande d’utilisateurs, elles ont été restaurées à leur place près des en-têtes des onglets afin de les rendre plus visibles. L’interface de l’éditeur supporte aussi la fonction glisser-déposer des onglets dans différentes fenêtres.


Par défaut, VS Code affichait les suggestions dans un seul widget, une situation pas toujours désirable selon l’équipe de développement. Désormais, l’éditeur inclut une nouvelle configuration editor.snippetSuggestions. Afin de supprimer les extraits de code (snippets) du widget de suggestions, vous pouvez fixer la valeur à "none". Vous pouvez aussi spécifier l’ordre d’affichage des suggestions. En addition, la nouvelle commande Insert Snippet permet d’afficher les extraits de code dans un menu dépliant.


L’éditeur supporte aussi la fonction Tab completion. Il est possible de l’activer avec la commande de réglage editor.tabCompletion. Cette fonctionnalité permet de compléter un extrait de code, en cliquant sur Tab après avoir tapé juste un préfixe de l’extrait. Tab completion peut entrer en conflit avec le widget de suggestions rapides qui réagit aussi à la touche Tab. Il est recommandé de désactiver les suggestions rapides "editor.quickSuggestions": false ou de supprimer les extraits de code du widget de suggestions "editor.snippetSuggestions": "none".


VS Code supporte maintenant la fonction Restart Frame. Elle peut être pratique dans les situations où le développeur trouve un problème dans le code et veut modifier quelques valeurs. Stopper et exécuter la session de débogage depuis le début peut être contraignant et couteux en temps. L’action Restart Frame permet alors d’entrer à nouveau la fonction actuelle après avoir changé des variables avec l’action Set Value. À noter qu'il est impératif d'utiliser le débogage Node.js intégré dans VS Code afin de bénéficier de cette fonctionnalité (puisque c'est la seule extension qui le supporte pour le moment). L'équipe recommande aussi d'utiliser la version 5.11 de Node.js ou les versions suivantes.

Microsoft a tenu à remercier les développeurs qui ont contribué à cette mise à jour. « Durant juillet, nous avons ralenti le travail sur les fonctionnalités pour s’attaquer à la correction de bogues », a dit Microsoft. « Cependant, nous avons été en mesure d’ajouter plusieurs améliorations ».

Télécharger Visual Studio Code 1.4 pour Windows, Linux, Mac OS X

Source : Blog Visual Studio Code

Et vous ?

Avez-vous déjà testé le nouvel éditeur de code ?
Si oui, quelle est votre expérience de Visual Studio Code ?
Sinon, comptez-vous le tester ? Pourquoi ?

Voir aussi :

Visual Studio Code 1.3 disponible, l'éditeur de code multiplateforme embarque les onglets et permet l'utilisation simultanée de plusieurs terminaux
Avatar de Michael Guilloux Michael Guilloux - Chroniqueur Actualités https://www.developpez.com
le 23/08/2016 à 10:21
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

Dans un souci de simplifier le workflow quotidien des développeurs depuis la sortie de Visual Studio Code, Microsoft a accordé un intérêt particulier dans le développement d’outils pour permettre à ces derniers de déboguer leur code directement depuis son éditeur. Après des débogueurs .NET et Node.js, puis un débogueur Chrome pour Visual Studio Code disponible depuis le mois de février, c’est au tour des développeurs web pour iOS d’être servis.

Microsoft vient de lancer un iOS Web Debugger pour VS Code. La nouvelle extension va permettre aux développeurs Web mobiles de déboguer leur code JavaScript exécuté sur Safari sur les appareils iOS (et simulateurs iOS) directement à partir de leur éditeur VS Code, sans outils additionnels.

Pour comprendre quelle est l’utilité de cette nouvelle extension, Microsoft explique qu’à ce jour, « le débogage des sites Web fonctionnant sur les appareils iOS est limité à un sous-ensemble de développeurs, étant donné que le Safari Web Inspector (Safari DevTools) nécessite une instance desktop de Safari qui est uniquement disponible pour les utilisateurs de MacOS. » Avec l’extension pour Visual Studio Code qui est disponible à la fois sur Windows et MacOS, Microsoft rend donc le débogage de sites web pour les appareils iOS moins contraignant en l’ouvrant désormais aux développeurs qui sont uniquement sur Windows. Tout ce que vous avez à faire est d'avoir Visual Studio Code avec la nouvelle extension iOS Web Debugger installée.

Avec l'extension de débogage, les développeurs peuvent encore profiter d’un port forwarding virtuel via un tunnel HTTP à partir de leur PC local. À propos de ce port forwarding, Kenneth Auchenberg, programme manager de Microsoft JavaScript Diagnostics explique que cela permettra de rendre le développement local plus facile. « Lors du développement de sites Web en cours d'exécution localement, c'est un processus lourd de permettre aux appareils mobiles d'accéder à votre serveur de développement local, qui est généralement un serveur HTTP tournant sur localhost, » a-t-il écrit. « Nous avons donc trouvé un moyen d'émuler un port forwarding en ajoutant l'option de démarrer une instance de localtunnel, qui dans les coulisses crée un tunnel HTTP de votre ordinateur local à internet pour la propriété tunnelPort spécifiée. Ce tunnel HTTP est ensuite utilisé par l'appareil iOS pour avoir accès à votre serveur de développement local, comme tout autre site Web public ».


La nouvelle extension de débogage des sites web sur les appareils iOS vient également avec d’autres fonctionnalités telles que le réglage des points d’arrêt, le pas à pas, et bien plus. Pour commencer à l’utiliser, vous devez aller dans le menu Extensions pour afficher la liste des extensions et rechercher par exemple « ios » pour filtrer la liste. Après l’installation de l’extension, il sera nécessaire de redémarrer l’éditeur de code pour que cela fonctionne.

Installer iOS Web Debugger

Source : Blog Microsoft

Et vous ?

Que pensez-vous de cette extension ? Vous sera-t-elle utile ?

Voir aussi :

Visual Studio Code 1.4 : l'équipe de développement se concentre sur la correction de bogues et apporte des améliorations au contrôle de suggestions
Avatar de yahiko yahiko - Rédacteur/Modérateur https://www.developpez.com
le 23/08/2016 à 11:42
Personnellement, même si j'étais un peu sceptique sur ce nouvel éditeur à sa sortie, au fil des versions, il a pratiquement remplacé Visual Studio dans mon quotidien qui fait figure de canon pour tuer une mouche dans les développements légers. Visual Studio Code est vraiment une agréable surprise et cette nouvelle ne devrait pas inverser la tendance.
Avatar de Stéphane le calme Stéphane le calme - Chroniqueur Actualités https://www.developpez.com
le 09/09/2016 à 8:27
Visual Studio Code est disponible en version 1.5 avec de nouvelles fonctionnalités pour son outil de débogage,
l'intégration des langages, les extensions et plus encore

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
Contacter le responsable de la rubrique Accueil