Continue.dev : Codestral dans VS Code et JetBrains

Continue.dev : l’extension open-source pour les IDE

Tout ce que nous avons vu jusqu’ici passait par un terminal ou un script. Or un développeur passe l’essentiel de sa journée dans son éditeur, et c’est là que Codestral doit se trouver pour changer quelque chose au quotidien. Continue.dev est l’extension la plus répandue pour l’y installer. Disponible pour VS Code et pour les IDE JetBrains (IntelliJ, PyCharm, WebStorm, entre autres), elle transforme l’éditeur en environnement de développement augmenté par l’IA.

Son intégration avec Codestral exploite séparément les deux endpoints : le FIM alimente l’autocomplétion inline, le chat alimente les conversations du panneau latéral. Chaque capacité du modèle se retrouve ainsi à l’endroit où elle est la meilleure.

Installation

Dans VS Code, comptez cinq gestes.

1. Ouvrez VS Code
2. Allez dans Extensions (Ctrl+Shift+X)
3. Recherchez “Continue”
4. Installez l’extension Continue - Codestral, Claude, and more
5. Redémarrez VS Code

Du côté JetBrains — IntelliJ, PyCharm ou WebStorm —, le chemin est le même à la nuance de l’emplacement près : le plugin se cherche depuis Settings > Plugins, toujours sous le nom « Continue », et l’IDE réclame un redémarrage une fois l’installation terminée.

Configuration avec Codestral

L’extension installée ne sait pas encore quel modèle appeler. Toute la configuration vit dans un seul fichier, ~/.continue/config.json, que vous pouvez versionner ou partager avec votre équipe.

{
  "models": [
    {
      "title": "Codestral",
      "provider": "mistral",
      "model": "codestral-latest",
      "apiKey": "VOTRE_CLE_MISTRAL"
    }
  ],
  "tabAutocompleteModel": {
    "title": "Codestral FIM",
    "provider": "mistral",
    "model": "codestral-latest",
    "apiKey": "VOTRE_CLE_MISTRAL"
  }
}

Ce fichier déclare deux entrées qu’il ne faut pas confondre. models désigne le modèle du chat, celui du panneau latéral, auquel vous posez des questions, demandez des explications ou faites générer du code. tabAutocompleteModel désigne le modèle des suggestions inline, celles qui apparaissent en grisé pendant que vous tapez — et c’est là que le FIM de Codestral donne sa pleine mesure. Rien n’oblige à ce que les deux soient identiques, mais commencer avec Codestral des deux côtés est la configuration la plus simple à évaluer.

Trois manières de s’en servir chaque jour

L’autocomplétion Tab est de loin la fonctionnalité la plus utilisée. Pendant que vous tapez, Continue envoie le contexte à Codestral via FIM et affiche une suggestion grisée que Tab accepte. La différence avec une complétion classique se voit sur un cas comme celui-ci : le modèle ne devine pas seulement à partir de la signature, il voit aussi ce qui suit le curseur.

# Vous tapez :
def calculer_prix_ttc(prix_ht, taux_tva=0.20):
    # Continue suggère automatiquement :
    # return prix_ht * (1 + taux_tva)

Le panneau latéral, ouvert par Ctrl+L (Cmd+L sur Mac), sert aux échanges plus longs. Sélectionnez une fonction obscure et demandez « Explique ce code » ; réclamez un test unitaire pour la fonction que vous venez d’écrire ; ou demandez un refactoring vers le pattern Strategy sur une classe devenue trop grosse. Continue expose par ailleurs des actions contextuelles sur toute sélection de code : Explain pour une explication détaillée, Refactor pour une proposition de restructuration, Fix pour corriger un bug, Document pour générer une docstring.

L’édition inline, enfin, est le mode le plus efficace pour les modifications ciblées. Sélectionnez le code, appuyez sur Ctrl+I (ou Cmd+I), décrivez le changement souhaité : Codestral renvoie un diff que vous acceptez ou rejetez, sans jamais quitter le fichier ni copier-coller quoi que ce soit.

Configuration avancée

Une fois l’usage installé, deux réglages méritent votre attention. Le premier concerne la quantité de contexte envoyée au modèle et la réactivité de l’autocomplétion, tous deux pilotés par tabAutocompleteOptions.

{
  "tabAutocompleteModel": {
    "title": "Codestral FIM",
    "provider": "mistral",
    "model": "codestral-latest",
    "apiKey": "VOTRE_CLE_MISTRAL"
  },
  "tabAutocompleteOptions": {
    "maxPromptTokens": 2048,
    "debounceDelay": 300,
    "multilineCompletions": "always"
  }
}

maxPromptTokens limite le contexte envoyé au modèle : moins de contexte, c’est une suggestion plus rapide mais moins informée par le reste du fichier. debounceDelay fixe en millisecondes le délai avant de déclencher l’autocomplétion. Quant à multilineCompletions, il accepte "always", "never" ou "auto" selon que vous souhaitez toujours, jamais ou seulement parfois des complétions sur plusieurs lignes.

Ces trois valeurs se règlent à l’oreille : si les suggestions arrivent trop tard, baissez le debounceDelay ; si elles s’invitent au milieu de chaque frappe, remontez-le.

Le second réglage concerne les équipes dont le code ne doit pas sortir. Si vous hébergez Codestral localement — le sujet de la leçon 13 —, il suffit de basculer le provider sur openai et de pointer apiBase vers votre serveur ; la clé n’a plus d’importance.

{
  "tabAutocompleteModel": {
    "title": "Codestral Local",
    "provider": "openai",
    "model": "codestral-latest",
    "apiBase": "http://localhost:8080/v1",
    "apiKey": "dummy"
  }
}

Raccourcis clavier essentiels

Consacrez votre première journée à ces cinq raccourcis plutôt qu’aux options de configuration : c’est l’automatisme de la main, pas le fichier JSON, qui décide si l’outil finira par être adopté ou désinstallé.

Points clés à retenir

• Continue.dev est l’extension de référence pour intégrer Codestral dans VS Code et JetBrains
• L’autocomplétion Tab utilise le FIM de Codestral pour des suggestions contextuelles
• Le chat latéral permet des conversations complètes avec le modèle
• La configuration se fait dans ~/.continue/config.json
• Continue supporte aussi bien l’API Mistral que les déploiements locaux