Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Visual Studio Code 1.27 est disponible :
Un aperçu des nouveautés dans l'éditeur de code open source et multiplateforme de Microsoft

Le , par Michael Guilloux

306PARTAGES

13  0 
Conformément à sa tradition, l’équipe de Visual Studio Code vient de publier une nouvelle mise à jour mensuelle : la version 1.27, qui intègre toutes les améliorations et nouveautés introduites dans l'éditeur de code au mois d'août. Dans cette version, comme dans les dernières mises à jour de VS Code, Microsoft a mis beaucoup plus l'accent sur des améliorations pour la productivité et l’expérience utilisateur plutôt que sur l’ajout de fonctionnalités majeures.

Ainsi, parmi les nouveautés qui ont été mises en avant par Microsoft, on peut citer la disponibilité d'une interface graphique pour l'édition des paramètres utilisateur. Cette interface graphique, introduite dans VS Code 1.24 en préversion est désormais activée par défaut. Elle permet de manière plus conviviale de rechercher et modifier les paramètres utilisateur de l'éditeur.


Vous pouvez toutefois encore accéder à l'éditeur de paramètres JSON, soit en utilisant la commande Ouvrir les paramètres (JSON) ou en modifiant votre éditeur de paramètres par défaut avec le paramètre "workbench.settings.editor".

Des améliorations ont été également apportées au mois d'août au nouvel éditeur de paramètres. Le sommaire des paramètres, par exemple, reste visible pendant la recherche, et son contenu est filtré pour afficher uniquement les catégories qui correspondent à la recherche. Vous pourrez ensuite cliquer sur une catégorie pour limiter les résultats aux paramètres de cette catégorie. Mais si vous préférez masquer le sommaire des paramètres lors de vos recherches, vous pouvez définir le paramètre "workbench.settings.settingsSearchTocBehavior" sur "hidden".


Une autre nouveauté intéressante est la possibilité de personnalisation des barres de titres et menus sous Windows et Linux. Au cours des dernières itérations, Microsoft s'est en effet efforcée d'améliorer l'apparence et la convivialité de la barre de titre et des menus sous Windows et Linux. Ce travail étant maintenant accompli, cette expérience de personnalisation des barres de titres et menus quitte le statut de préversion et elle sera bientôt activée par défaut sous Windows. Pour activer la fonctionnalité, vous pouvez définir le paramètre "window.titleBarStyle" sur "custom".


D'après Microsoft, la nouvelle expérience présente plusieurs avantages par rapport à celle par défaut, y compris une meilleure navigation avec le clavier dans la barre de menu. Il est en effet désormais plus facile de basculer entre les menus avec le clavier. Comme autre avantage, Microsoft affirme que la barre de menu offre une meilleure accessibilité, car plusieurs problèmes d'accessibilité ont été corrigés pour améliorer la facilité d'utilisation du menu avec un lecteur d'écran.

Visual Studio Code 1.27 introduit également un nouveau menu Terminal. Il y a maintenant un seul menu pour créer des terminaux et gérer des tâches : le menu Tâches a été renommé Terminal et quelques entrées supplémentaires pour le Terminal intégré ont été ajoutées.


Cette nouvelle version de VS Code facilite aussi le partage de fichier keybindings.json entre différents systèmes d'exploitation. En effet, il est désormais possible d'activer les raccourcis clavier pour des systèmes d'exploitation spécifiques en utilisant isLinux, isMac et isWindows dans la clause when d'une keybinding. C'est ce qui est illustré ci-dessous :

Code : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
{
  "key": "ctrl+o",
  "command": "workbench.action.files.openFolder",
  "when": "!isMac"
},
{
  "key": "cmd+o",
  "command": "workbench.action.files.openFolder",
  "when": "isMac"
}
Depuis la version 1.17, l'éditeur de code de Microsoft fait des suggestions automatiques de chemin d'accès pendant l'importation de fichiers et modules. Cette fonctionnalité avait été activée pour JavaScript et TypeScript, mais depuis, lors Microsoft a travaillé pour la prendre en charge pour d'autres langages. Et dans cette nouvelle version, cette fonctionnalité est maintenant disponible lorsque vous tapez du code dans un fichier CSS, SCSS ou Less.

Comme autre nouveauté, on peut encore citer l'évaluation conditionnelle en JSON, avec la prise en charge des mots-clés de schéma 'if', 'then' et 'else'. En effet, l'extension de langage JSON intégrée prend désormais en charge le nouveau schéma JSON Schema Draft-07, dont les ajouts les plus intéressants sont les mots-clés if, then, else pour permettre l'évaluation conditionnelle de schéma. Ci-dessous, une illustration de cette fonctionnalité :

Code : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
{
    "type": "integer",
    "minimum": 1,
    "maximum": 1000,
    "if": { "minimum": 100 },
    "then": { "multipleOf": 100 },
    "else": {
        "if": { "minimum": 10 },
        "then": { "multipleOf": 10 }
    }
}
Avec Visual Studio Code 1.27, l'Explorateur de scripts chargés est désormais intégré dans l'éditeur de code et donc disponible pour plus d'extensions de débogage. En fait, pendant plus d'un an, l'explorateur de scripts chargés dans la vue Débogage a été fourni par l'extension de débogage Node.js et n'était pas disponible pour les autres débogueurs. Dans cette version de VS Code, Microsoft a ajouté la vue des scripts chargés (Loaded Scripts) en tant que fonction de débogage intégrée. Ce qui veut dire, d'après Microsoft, que toutes les extensions de débogage qui ont la notion de "scripts" pourront prendre en charge l'accès à leurs scripts dans une vue mise à jour dynamiquement. En outre, certains problèmes de l’ancien explorateur de scripts chargés ont été corrigés.

Ce n'est pas encore la liste exhaustive des nouveautés et améliorations de VS Code 1.27. Vous trouverez donc bien d'autres nouveautés et plus de détails sur le site officiel de l'éditeur de code.

Télécharger Visual Studio Code 1.27

Source : Blog Visual Studio Code

Et vous ?

Utilisez-vous VS Code ? Que pensez-vous de ces nouveautés ?
Lesquelles appréciez-vous le plus ? Et quelles sont celles que vous attendez encore ?

Voir aussi :

Microsoft parle déjà de Visual Studio 2019, l'entreprise dévoile ses objectifs pour la prochaine version majeure de son EDI
La deuxième préversion de Microsoft Visual Studio 2017 version 15.8 est disponible : voici l'essentiel des nouveautés qu'elle apporte
Microsoft annonce la disponibilité de Visual Studio 2017 version 15.7 : un tour d'horizon des nouveautés de l'EDI
Feuille de route de Visual Studio 2017 : Microsoft donne un aperçu des prochaines fonctionnalités pour les deuxième et troisième trimestres 2018
Visual Studio Code 1.26 est disponible, avec de petites nouveautés pour faciliter la vie aux développeurs

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

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 chevronné https://www.developpez.com
Le 18/08/2019 à 14:31
Un gros peluche 1 pour l'accessibilité
1  0 
Avatar de ShigruM
Nouveau Candidat au Club https://www.developpez.com
Le 06/09/2018 à 16:35
existe t'il un moyen ou une extension pour avoir une barre de commande comme dans tous les autres ide, comme visual studio 2016 par exemple
juste en dessous de la barre de menu :
0  0 
Avatar de Golfy
Membre du Club https://www.developpez.com
Le 07/09/2018 à 13:58
Je plussoie : la seule extension que je connaisse, apportant un semblant de menu avec icône est "shortcut menu bar"... mais c'est loin d'être satisfaisant.
0  0 
Avatar de visithierry
Membre du Club https://www.developpez.com
Le 12/10/2018 à 10:16
Salut,
Cette question n'a peut être pas sa place ici, mais il y a un truc qui me chiffonne depuis que j'utilise VS Code.

En fait VS Code c'est un navigateur Chrome (version 61)???

Quand on va dans [Aide -> Activer / Désactiver les outils de développement] on voit très clairement que la fenêtre principale de l'EDI n'est rien d'autre qu'une page web !

Bon j'ai pas a m'en plaindre, il fait son boulot et c'est gratuit, mais ça me fait bizarre...

Et pourquoi un outil de chez Microsoft est basé sur Chrome et pas sur Edge ???
0  0 
Avatar de arnomedia
Membre actif https://www.developpez.com
Le 15/03/2019 à 9:23
J'utilise ponctuellement VS Code. Mais comme je pratique exclusivement du développement web (PHP, HTML, CSS, JS), dans ce contexte, Netbeans (surtout la nouvelle version 10) et nettement meilleur que VS Code. VS Code est encore trop jeune et ses développeurs semblent en avoir un peu rien à foutre de PHP... VS Code n'est pas mauvais, mais il a des lacunes qui sont rédhibitoires pour moi. Pour la prise en compte des nouveautés CSS, il est top par contre, contrairement à Netbeans qui est à la traîne à ce niveau.
0  0 
Avatar de Beginner.
Membre chevronné https://www.developpez.com
Le 21/03/2019 à 14:17
Citation Envoyé par arnomedia Voir le message
...dans ce contexte, Netbeans (surtout la nouvelle version 10) et nettement meilleur que VS Code. VS Code est encore trop jeune et ses développeurs semblent en avoir un peu rien à foutre de PHP...
Qu'en est-il de l'assistance (autocomplétion, références, linter (détecteur d'erreur)...) pour JS/HTML/CSS ? Celle de Netbeans est-elle bonne ? Est-elle meilleure que celle de VSCode ?
0  0 
Contacter le responsable de la rubrique Accueil

Partenaire : Hébergement Web