La version 1.96 de Visual Studio Code est disponible, apportant des améliorations à l'éditeur, aux traitements des langages, aux tests, ainsi qu'à l'assistant d'IA Github Copilot

Le 17 décembre 2024 à 07:04, par Jade Emy

11PARTAGES

Microsoft annonce la disponibilité de la version de novembre 2024 (1.96) de Visual Studio Code. Cette version apporte de nombreuses mises à jour, notamment à l'éditeur, aux traitements de langage, aux tests, ainsi qu'au plan de travail. Cette version comporte également des améliorations à l'assistant d'IA Github Copilot.

Parmi les mises à jour de cette version, on peut citer :

Mode de sur-typage : Basculer entre le mode de sur-typage et le mode d'insertion dans l'éditeur.
Ajouter des importations lors du collage : Ajouter automatiquement les importations TS/JS manquantes lors du collage du code.
Couverture des tests : Filtrer rapidement le code couvert par un test spécifique
Déplacer les vues : Déplacer facilement les vues entre la barre latérale principale et la barre latérale secondaire.
Ligatures dans le terminal : Utiliser des ligatures dans le terminal
Liste des extensions autorisées : Permet de configurer les extensions qui peuvent être installées dans votre organisation.
Débogage avec Copilot : Utilisez la commande de terminal copilot-debug pour démarrer une session de débogage.
Contexte du chat : Ajouter des symboles et des dossiers en tant que contexte Chat et Edits
Passer du chat à Copilot Edits : Passer à Copilot Edits pour appliquer les suggestions de code du chat

Editeur : Mode de sur-typage

À la demande générale, Microsoft a ajouté le mode de sur-typage pour remplacer le texte dans l'éditeur au lieu de l'insérer lors de la saisie. Un scénario utile pour cela est l'édition de tableaux Markdown, où vous voulez garder les limites des cellules du tableau bien alignées.

Ce mode peut être activé à l'aide de la commande View: Toggle Overtype/Insert Mode. Lorsque vous êtes en mode sur-typage, la barre d'état affiche un indicateur OVR. En outre, il existe un paramètre editor.overtypeOnPaste, qui détermine si le collage en mode surtype doit écraser ou insérer. Par défaut, le texte collé est inséré.

Il est possible de modifier le style du curseur en mode sur-typage à l'aide du paramètre editor.overtypeCursorStyle.

Langages : Coller avec importations pour JavaScript et TypeScript

Vous en avez assez de devoir ajouter des importations après avoir déplacé du code d'un fichier à l'autre ? Essayez la fonctionnalité Coller avec les importations pour TypeScript 5.7+. Désormais, lorsque vous copiez et collez du code entre JavaScript ou TypeScript, VS Code peut ajouter des importations pour le code collé. Non seulement les importations sont ajoutées, mais qu'une nouvelle exportation a été ajoutée pour une variable locale utilisée dans le code collé !

Bien que cette fonctionnalité puiss représenter un gain de temps, elle peut également perturber votre flux de travail existant. C'est pourquoi, par défaut, le copier-coller n'insère que le texte collé. Si une fonction de collage avec importation est disponible, vous voyez alors le contrôle de collage, qui vous permet de sélectionner la fonction de collage avec importation.

Si vous préférez toujours coller avec les importations, vous pouvez utiliser le nouveau paramètre editor.pasteAs.preferences :

Code :

Sélectionner tout

1
2
3
"editor.pasteAs.preferences": [
    "text.updateImports"
]

Celui-ci essaiera toujours de coller avec les importations si une modification est disponible.

Vous pouvez également configurer un raccourci clavier pour coller avec les importations si elles sont disponibles :

Code :

Sélectionner tout

1
2
3
4
5
6
7
{
  "key": "ctrl+shift+v",
  "command": "editor.action.pasteAs",
  "args": {
    "preferences": ["text.updateImports"]
  }
}

Si vous préférez, vous pouvez même faire l'inverse et faire du collage avec les importations la valeur par défaut et ajouter un raccourci clavier pour coller en texte brut :

Code :

Sélectionner tout

1
2
3
"editor.pasteAs.preferences": [
    "text.updateImports"
]

Code :

Sélectionner tout

1
2
3
4
5
6
7
{
  "key": "ctrl+shift+v",
  "command": "editor.action.pasteAs",
  "args": {
    "preferences": ["text.plain"]
  }
}

Enfin, si vous souhaitez désactiver complètement le collage avec les importations, vous pouvez utiliser typescript.updateImportsOnPaste.enabled et javascript.updateImportsOnPaste.enabled.

Test : Couverture attribuable

Au cours de cette étape, Microsoft a finalisé une API qui permet aux extensions de fournir une couverture par test, afin que vous puissiez voir exactement quel code a été exécuté lors d'un test donné. Lorsque la couverture attribuable est disponible, un bouton de filtrage est disponible dans la vue Couverture du test, dans les actions de l'éditeur, dans la barre d'outils Couverture du test lorsqu'elle est activée (via la commande Test : Test Coverage Toolbar), ou simplement en utilisant la commande Test: Filter Coverage by Test.

Plan de travail : Déplacer des vues entre la barre latérale principale et la barre latérale secondaire

Vous pouviez déjà déplacer un conteneur de vue vers un autre emplacement en utilisant le glisser-déposer ou en utilisant la commande Move View. Vous pouvez désormais utiliser directement l'action du menu contextuel Déplacer vers sur un conteneur de vue pour le déplacer entre la barre latérale primaire, la barre latérale secondaire ou la zone de panneau.

Terminal : Prise en charge des ligatures

Les ligatures sont désormais prises en charge dans le terminal, que l'accélération GPU soit utilisée ou non. Cette fonctionnalité peut être activée avec le paramètre terminal.integrated.fontLigatures :

Pour utiliser cette fonctionnalité, assurez-vous d'utiliser également une police prenant en charge les ligatures terminal.integrated.fontFamily.

Suppport aux entreprises : Configuration des extensions autorisées

Vous pouvez maintenant contrôler quelles extensions peuvent être installées dans VS Code en utilisant le paramètre extensions.allowed. Ce paramètre vous permet de spécifier les extensions autorisées ou bloquées par éditeur, les extensions spécifiques et les versions. Si une extension ou une version est bloquée, elle sera désactivée si elle est déjà installée. Vous pouvez spécifier les types de sélecteurs d'extensions suivants :

Autoriser ou bloquer toutes les extensions d'un éditeur
Autoriser ou bloquer des extensions spécifiques
Autoriser des versions d'extension spécifiques
Autoriser des versions d'extensions et des plateformes spécifiques
Autoriser uniquement les versions stables d'une extension
Autoriser uniquement les versions stables d'une extension provenant d'un éditeur

L'extrait JSON suivant montre des exemples des différentes valeurs des paramètres :

Code :

Sélectionner tout

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
"extensions.allowed": {
    // Allow all extensions from the 'microsoft' publisher. If the key does not have a '.', it means it is a publisher ID.
    "microsoft": true,
 
    // Allow all extensions from the 'github' publisher
    "github": true,
 
    // Allow prettier extension
    "esbenp.prettier-vscode": true,
 
    // Do not allow docker extension
    "ms-azuretools.vscode-docker": false,
 
    // Allow only version 3.0.0 of the eslint extension
    "dbaeumer.vscode-eslint": ["3.0.0"],
 
    // Allow multiple versions of the figma extension
    "figma.figma-vscode-extension": ["3.0.0", "4.2.3", "4.1.2"]
 
    // Allow version 5.0.0 of the rust extension on Windows and macOS
    "rust-lang.rust-analyzer": ["5.0.0@win32-x64", "5.0.0@darwin-x64"]
 
    // Allow only stable versions of the GitHub Pull Requests extension
    "github.vscode-pull-request-github": "stable",
 
    // Allow only stable versions from redhat publisher
    "redhat": "stable",
}

Spécifier les éditeurs par leur ID d'éditeur. Si une clé n'a pas de point (.), elle est considérée comme un identifiant d'éditeur. Si une clé a un point, elle est considérée comme un ID d'extension. L'utilisation de caractères génériques n'est actuellement pas prise en charge.

Vous pouvez utiliser microsoft comme ID d'éditeur pour faire référence à toutes les extensions publiées par Microsoft, même si elles peuvent avoir des ID d'éditeur différents.

Les plages de versions ne sont pas prises en charge. Si vous souhaitez autoriser plusieurs versions d'une extension, vous devez spécifier chaque version individuellement. Pour restreindre davantage les versions par plate-forme, utilisez le symbole @ pour spécifier la plate-forme. Par exemple, "rust-lang.rust-analyzer" : ["5.0.0@win32-x64", "5.0.0@darwin-x64"].

Les administrateurs peuvent également configurer ce paramètre via la stratégie de groupe sous Windows.

GitHub Copilot : Débogage avec Copilot

La configuration du débogage peut être délicate, en particulier lorsque vous travaillez avec un nouveau projet ou un nouveau langage. Microsoft a introduit une nouvelle commande de terminal copilot-debug pour vous aider à déboguer vos programmes à l'aide de VS Code. Vous pouvez l'utiliser en préfixant la commande que vous exécutez normalement avec copilot-debug. Par exemple, si vous exécutez normalement votre programme en utilisant la commande python foo.py, vous pouvez maintenant exécuter copilot-debug python foo.py pour démarrer une session de débogage.

Après la sortie du programme, vous avez la possibilité de réexécuter votre programme ou d'afficher, d'enregistrer ou de régénérer la configuration de lancement de VS Code qui a été utilisée pour déboguer votre programme.

GitHub Copilot : Ajout de contexte

Cette version ajoute de nouvelles façons d'inclure des symboles et des dossiers en tant que contexte dans Copilot Chat et Copilot Edits, ce qui facilite la référence à des informations pertinentes au cours de votre flux de travail.

Symboles

Les symboles peuvent désormais être facilement ajoutés à Copilot Chat et Copilot Edits en les glissant-déposant de la vue des contours ou des fils d'Ariane dans la vue Chat.

Microsoft a également introduit la complétion des symboles dans l'entrée du chat. En tapant # suivi du nom du symbole, vous verrez des suggestions de symboles pour les fichiers sur lesquels vous avez récemment travaillé.

Pour référencer des symboles dans l'ensemble de votre projet, vous pouvez utiliser #sym pour ouvrir un sélecteur de symboles global.
Dossiers

Les dossiers peuvent désormais être ajoutés en tant que contexte en les faisant glisser de l'explorateur, des fils d'Ariane ou d'autres vues vers Copilot Chat.

Lorsqu'un dossier est glissé dans Copilot Edits, tous les fichiers qu'il contient sont inclus dans l'ensemble de travail.

GitHub Copilot : Déplacer une session de chat vers Copilot Edits

Vous pouvez utiliser la vue Chat pour explorer quelques idées de modifications à apporter à votre code. Au lieu d'appliquer des blocs de code individuels, vous pouvez maintenant déplacer la session de chat vers Copilot Edits pour appliquer toutes les suggestions de code de la session.