Index des Docs

Editeur de code

Dernière mise à jour le - Available in English

CoderPad fournit un environnement d'édition de code riche en fonctionnalités dans lequel votre candidat peut travailler. 

Nous prenons en charge plus de 30 langages de programmation et disposons de différentes bibliothèques et de différents cadres intégrés par langage, et notre fonctionnalité d'éditeur de base est disponible pour chaque langage de programmation (sauf indication contraire).

Nous fournissons également un support amélioré avec une meilleure complétion automatique et d'autres fonctionnalités d'édition pour les langues suivantes :

  • Ruby
  • Python 3
  • JavaScript
  • Java
  • C
  • C++
  • C Sharp
  • Swift
  • Kotlin
  • TypeScript

Liste des fonctionnalités de l'éditeur de code

  1. Autocomplétion
  2. Multi-curseur
  3. Lignes en double
  4. Pliage du code
  5. Mise en évidence des erreurs
  6. Options de clic droit
  7. Palette de commande
  8. Mise en page multi-fichiers en front-end

✅ Pour lancer ou exécuter votre code à tout moment, il suffit de cliquer sur le bouton Run dans le coin supérieur gauche ou d'utiliser le raccourci clavier : + enter OU + S pour iOS ou CTRL + enter OU CTRL + S pour Windows.

Autocomplétion

Pour utiliser l'autocomplétion, il suffit de commencer à taper et l'éditeur fera des suggestions :

Faites défiler les suggestions à l'aide des flèches haut et bas pour trouver le code que vous recherchez. Ensuite, appuyez sur Tab ou Enter pour accepter la suggestion et demander à CoderPad de remplir le code.

Par défaut, l'autocomplétion est déclenchée chaque fois que vous appuyez sur .. Vous pouvez également utiliser Ctrl + Espace pour déclencher l'autocomplétion à tout moment.

Un exemple d'autocomplétion, l'extrait de code "myArray" est affiché et le menu déroulant d'autocomplétion s'est ouvert avec le premier élément étant "at".

Supports à fermeture automatique

CoderPad permet de fermer automatiquement les symboles connexes, comme les parenthèses, les crochets et les guillemets.

✅ Pour aider à réduire les bugs potentiels, cette fonctionnalité est activée par défaut.

La liste complète des symboles qui se fermeront automatiquement est la suivante :

  • [] - Supports
  • {} - Accolades bouclées
  • () - Parenthèse
  • "" - Double guillemets
  • '' - Guillemets simples


Multi-Curseur

La fonctionnalité multi-curseurs vous permet de modifier plusieurs lignes à la fois. Cela peut être particulièrement utile lorsque vous souhaitez apporter la même modification à plusieurs lignes de code.

Sélectionner les positions du curseur, les lignes et les sections

Le multi-curseur dispose d'un certain nombre de méthodes différentes pour la sélection des lignes :

  • Alt+Click sélectionne ou désélectionne une ou plusieurs positions du curseur, n'importe où dans le code.
  • Alt+Shift+Clic et glisser permet de sélectionner plusieurs lignes contiguës à la fois.

Cette méthode de sélection multi-lignes s'ajoute aux autres méthodes, puisqu'il suffit de maintenir la touche de modification enfoncée lors d'un clic actif de la souris pour sélectionner une nouvelle ligne.

Grâce à cela, vous pouvez même défiler au milieu de la sélection des lignes.

Si vous avez sélectionné des lignes adjacentes, mais que vous vous rendez compte par la suite que vous avez oublié une ligne que vous vouliez ajouter, vous pouvez utiliser cette méthode pour l'ajouter à votre liste de lignes sélectionnées.

Alt + Ctrl + Up/Down sous Windows ou Option + Shift + Up/Down sous Mac vous permet de sélectionner des lignes contiguës au-dessus et au-dessous de votre sélection actuelle.


Lignes en double

Alt + Shift + Up/Down duplique les lignes sur lesquelles vous êtes.


Pliage du code

Libérez de l'espace et améliorez la lisibilité en masquant temporairement le code à l'aide du code folding.

Passez la souris sur l'espace entre les numéros de ligne et le code. Vous verrez apparaître des flèches déroulantes au début de tous les principaux blocs de code tels que les commentaires, les importations, les classes, les méthodes, etc.

Des flèches vers le bas apparaissent sur les lignes 1, 5 et 8. Les flèches sont dirigées vers le bas.

Cliquez sur une flèche pour fermer le bloc de code ; cliquez à nouveau dessus pour le rouvrir.

Les lignes 1, 5 et 8 ont le code plié et les flèches de la liste déroulante sont maintenant dirigées vers la droite.


Mise en évidence des erreurs

Comme d'autres IDE, CoderPad met en évidence les erreurs au fur et à mesure que vous les faites en les soulignant en rouge. Les lignes jaunes signalent les avertissements.

Passez la souris sur les lignes rouges pour obtenir plus d'informations sur l'erreur.

Il existe une méthode qui n'accepte qu'un seul argument. Dans l'instanciation de la méthode, deux méthodes sont ajoutées, et la seconde est soulignée par une ligne d'erreur rouge.


Options de clic droit

Clic droit ouvre une boîte de dialogue avec des outils courants, des options de navigation dans le code et un accès à la palette de commandes. 

Si vous utilisez l'un des langages de support amélioré, vous voyez une liste d'options liées à la navigation dans le code si le curseur se trouve sur une classe, un objet, une méthode ou une fonction :

Le menu du clic droit pour une langue prise en charge est affiché et commence par "Go to definition" et se termine par "command palette".

Si vous utilisez une langue de support non améliorée, il n'y a pas d'options de navigation :

Le menu du clic droit pour une langue non prise en charge s'affiche et commence par "modifier toutes les occurrences" et se termine par "palette de commandes".


Palette de commande

Clic droit et sélectionnez Palette de commande, ou appuyez sur F1 sur votre clavier.

La palette de commande permet d'accéder à de nombreuses commandes du pad et à leurs raccourcis clavier correspondants.

La liste déroulante de la palette de commandes est affichée avec l'élément de menu "Ajouter le curseur au-dessus" en surbrillance.


Mise en page multi-fichiers en front-end

CoderPad fournit une interface spécifiquement destinée au codage frontal. Vous pouvez trouver plus d'informations sur l'utilisation de cette interface sur la page des langues ici.

Pour plus d'informations sur la création de questions frontales multi-fichiers, consultez ce guide.