Comment définir manuellement la langue pour la coloration syntaxique dans Visual Studio Code

Avant que la confusion ne commence, cette question concerne le code, le nouvel éditeur Visual Studio léger. Vous pouvez l'obtenir ici: https://code.visualstudio.com/

J'ai un fichier texte (.txt) avec CSS dedans et je veux obtenir une mise en évidence de la syntaxe. Vous pouvez ouvrir la palette de commandes avec ctrl+ shift+ p. Mais là, vous ne pouvez pas définir la syntaxe comme dans Sublime.

Existe-t-il un autre moyen d'obtenir la coloration CSS depuis mon fichier texte?

Dans le coin inférieur droit, à gauche du smiley, il y avait l'icône disant "Texte brut". Lorsque vous cliquez dessus, le menu avec toutes les langues apparaît où vous pouvez choisir la langue souhaitée.

Appuyez sur Ctrl + KM, puis saisissez (ou cliquez) la langue souhaitée.

Alternativement, pour y accéder à partir de la palette de commandes, recherchez "Changer le mode de langue" comme indiqué ci-dessous:

Une autre raison pour laquelle les gens peuvent avoir du mal à faire fonctionner la mise en évidence de la syntaxe est qu'ils n'ont pas installé le package de syntaxe approprié. Bien que certains packages de syntaxe par défaut soient préinstallés (comme Swift, C, JS, CSS), d'autres peuvent ne pas être disponibles.

Pour résoudre ce problème, vous pouvez Cmd + Shift + P→ "installer les extensions" et rechercher la langue que vous souhaitez ajouter, par exemple "Scala".

Trouvez le package de syntaxe approprié, installez-le et rechargez. Cela ramassera la syntaxe correcte pour vos fichiers avec l'extension prédéfinie, c'est- .scalaà- dire dans ce cas.

En plus de cela, vous voudrez peut-être que VS Code traite tous les fichiers avec certaines extensions personnalisées comme la langue de votre choix. Disons que vous souhaitez mettre en surbrillance tous les *.esfichiers en JavaScript, puis ouvrez simplement "Paramètres utilisateur" ( Cmd + Shift + P→ "Paramètres utilisateur") et configurez votre association de fichiers personnalisés comme suit:

  "files.associations": {
    "*.es": "javascript"
  },

Mise en évidence de la syntaxe pour une extension de fichier personnalisée

Toute extension de fichier personnalisée peut être associée à la coloration syntaxique standard avec custom files associationdans les paramètres utilisateur comme suit.

Notez que ce sera un paramètre permanent. Afin de définir uniquement pour la session en cours, tapez la langue préférée dans la Select Language Modecase (sans modifier les file associationparamètres)

Installation d'un nouveau package de syntaxe

Si le package de syntaxe requis n'est pas disponible par défaut, vous pouvez les ajouter via Extension Marketplace ( Ctrl+Shift+X) et rechercher le package de langue.

Vous pouvez reproduire les étapes ci-dessus pour mapper les extensions de fichier avec le nouveau package de syntaxe.

Pour définir définitivement la syntaxe de la langue:
ouvrir le settings.jsonfichier

*) formatez tous les fichiers txt avec un formatage javascript

"files.associations": {
        "*.txt": "javascript"

 }

*) formatez tous les fichiers non enregistrés (sans titre-1, etc.) en javascript:

"files.associations": {
        "untitled-*": "javascript"

 }

Notez que pour l'éditeur "Sans titre" (" Untitled-1", " Untitled-2"), vous pouvez maintenant définir la langue dans les paramètres.

Le paramètre précédent était:

"files.associations": {
        "untitled-*": "javascript"
 }

Cela ne fonctionnera plus toujours, car avec VSCode 1.42 (Q1 2020) changera le titre de ces éditeurs sans titre .
Le titre sera désormais la première ligne du document pour le titre de l'éditeur , avec le nom générique dans la description.
Cela ne commencera plus par " untitled-"

Voir " Améliorations de l'éditeur sans titre "

Concernant la langue associée pour ces éditeurs "Sans titre":

Par défaut, les fichiers sans titre n'ont pas de mode de langue spécifique configuré.

VS Code a un paramètre, files.defaultLanguagepour configurer une langue par défaut pour les fichiers sans titre.

Avec cette version, le paramètre peut prendre une nouvelle valeur {activeEditorLanguage}qui utilisera dynamiquement le mode de langue de l'éditeur actuellement actif au lieu d'une valeur par défaut fixe .

En outre, lorsque vous copiez et collez du texte dans un éditeur sans titre, VS Code change désormais automatiquement le mode de langue de l'éditeur sans titre si le texte a été copié à partir d'un éditeur VS Code:

Et voir workbench.editor.untitled.labelFormatdans VSCode 1.43 .