Aller au contenu principal

Continue.dev : Codestral dans VS Code et JetBrains

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

Continue.dev est l’extension la plus populaire pour intégrer Codestral directement dans votre éditeur de code. Disponible pour VS Code et JetBrains (IntelliJ, PyCharm, WebStorm, etc.), elle transforme votre IDE en un environnement de développement augmenté par l’IA.

L’intégration avec Codestral est native et optimisée : Continue utilise l’endpoint FIM pour l’autocomplétion et l’endpoint chat pour les conversations.

Installation

VS Code

  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

JetBrains

  1. Ouvrez votre IDE JetBrains
  2. Allez dans Settings > Plugins
  3. Recherchez “Continue”
  4. Installez et redémarrez

Configuration avec Codestral

Après l’installation, configurez Continue pour utiliser Codestral. Le fichier de configuration se trouve dans ~/.continue/config.json :

{
  "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"
  }
}

Deux modèles, deux rôles

  • models — le modèle utilisé pour le chat (panneau latéral). Vous pouvez poser des questions, demander des explications, ou générer du code.
  • tabAutocompleteModel — le modèle utilisé pour l’autocomplétion (suggestions inline). C’est ici que le FIM de Codestral excelle.

Fonctionnalités principales

Autocomplétion Tab

La fonctionnalité la plus utilisée. Quand vous tapez du code, Continue envoie le contexte à Codestral via FIM et affiche une suggestion grisée. Appuyez sur Tab pour accepter.

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

L’autocomplétion est contextuelle : Codestral voit le code avant et après votre curseur grâce au FIM.

Chat dans le panneau latéral

Ouvrez le panneau Continue (Ctrl+L ou Cmd+L) pour discuter avec Codestral :

  • Sélectionnez du code, puis demandez “Explique ce code”
  • Tapez “Écris un test pour cette fonction”
  • Demandez “Refactore cette classe pour utiliser le pattern Strategy”

Actions rapides

Continue propose des actions contextuelles quand vous sélectionnez du code :

  • Explain — explication détaillée du code sélectionné
  • Refactor — proposition de refactoring
  • Fix — correction d’un bug dans le code sélectionné
  • Document — génération de docstring

Édition inline (Ctrl+I)

Sélectionnez du code et appuyez sur Ctrl+I (ou Cmd+I sur Mac). Décrivez la modification souhaitée et Codestral propose un diff que vous pouvez accepter ou rejeter.

Configuration avancée

Contexte du projet

Continue peut envoyer des fichiers supplémentaires comme contexte :

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

Paramètres utiles

  • maxPromptTokens — limite le contexte envoyé au modèle (moins = plus rapide)
  • debounceDelay — délai avant de déclencher l’autocomplétion (en ms)
  • multilineCompletions"always", "never", ou "auto" pour les complétions multi-lignes

Utiliser Codestral en local

Si vous hébergez Codestral localement (voir leçon 13), configurez Continue pour pointer vers votre serveur :

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

Raccourcis clavier essentiels

ActionVS CodeJetBrains
Accepter la suggestionTabTab
Rejeter la suggestionEscapeEscape
Ouvrir le chatCtrl+LCtrl+L
Édition inlineCtrl+ICtrl+I
Ajouter du contexteCtrl+Shift+LCtrl+Shift+L

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