Rédacteur en chef
Remix utilise l’éditeur Monaco. Il s’agit du même éditeur que celui utilisé par VSCode.
Remix enregistre le fichier en cours toutes les 5 secondes.
The Remix Editor will highlight keywords in Solidity, JavaScript, and TypeScript.
L’éditeur affiche des informations provenant d’autres plugins
The main purpose of the Editor is, of course, to edit code. But it also works with other plugins, notably, the Solidity Compiler and the Debugger.
Le compilateur Solidity affichera les avertissements et les erreurs dans la gouttière de l’éditeur à la ligne problématique.
Les points d’arrêt du débogueur sont saisis dans la gouttière de l’éditeur.
Lorsque vous parcourez du code dans le débogueur, le code concerné est mis en évidence dans l’éditeur.
General operations
Les fichiers sont ouverts sous forme d’onglets. Lorsqu’il y a trop d’onglets à afficher, le défilement à l’aide de la molette de la souris permet de faire défiler les onglets horizontalement.
The play button works on the active tab. If a Solidity file is active, clicking Play will compile it. If a TypeScript or JavaScript file is active, Play will run the script.
Les icônes de loupe (+/-) dans le coin supérieur gauche permettent d’augmenter/diminuer la taille de la police.
Les petits caractères à l’extrême droite de l’éditeur sont cliquables pour accéder à une section.
TypeScript
L’éditeur et le Script Runner supportent TypeScript, ce qui signifie que vous pouvez écrire du TypeScript, avoir de l’auto-complétion, et l’exécuter directement depuis Remix. Comme indiqué ci-dessus, il y a une coloration syntaxique dans TS.
L’espace de travail par défaut contient des exemples de fichiers TypeScript.
Editor & autoCompile
When auto-compile is enabled (in the Solidity Compiler), compilation will occur each time the current file is changed, or another file is selected.
Autocomplétion
L’autocomplétion du code Solidity se produit lorsque vous commencez à taper dans l’éditeur. Le compilateur s’exécute en arrière-plan et traite tous les imports que vous avez. Vous verrez ces importations apparaître dans le répertoire .deps de l’explorateur de fichiers.
Astuce
If you start with a Solidity file that contains errors, the Compiler might not be able to compile it. In that case, the Editor’s autocomplete features will not fully work until after the file is successfully compiled. After that, autocomplete will work even if there are errors, but only for the elements the Compiler already understands. For example, if you add a new function in a file that contains errors, autocomplete will not be able to find that function because it can’t compile the file.
Achèvement automatique des importations
La fonction d’autocomplétion de l’éditeur offre la possibilité d’introduire les contrats OpenZeppelin, les contrats Uniswap et les chemins d’accès à tous les fichiers de l’espace de travail actuel.
Ainsi, en choisissant @openzeppelin, vous obtiendrez ceci :
Il en va de même pour Uniswap :
Errors and warnings
Vous pouvez savoir que le fichier a été compilé avec succès si aucune erreur ou avertissement ne s’affiche dans l’éditeur. Les erreurs sont affichées à l’aide de lignes sinueuses. Une ligne rouge indique une erreur, une ligne jaune un avertissement.
Si vous survolez la ligne en pointillés, vous verrez le message du compilateur.
Les onglets et l’explorateur de fichiers indiquent également si un fichier contient des erreurs ou des avertissements.
Erreurs sur les fichiers importés
Un fichier comportant des erreurs dans l’un des fichiers qu’il importe déclenchera également une erreur dans l’éditeur. Il se peut que votre fichier principal ne soit pas compilé, mais vous verrez immédiatement qu’il y a un problème.
Survoler un numéro d’erreur dans l’explorateur de fichiers
Le nombre d’erreurs dans un fichier est également indiqué dans l’explorateur de fichiers. En survolant le nombre, qui indique la quantité d’erreurs/d’avertissements, vous obtiendrez les informations du compilateur.
Quick Fixes for common mistakes
The Remix editor offers solutions to the following missing keywords & code:
License
Pragma
Visibility
Mutability
Data Location (storage, memory, etc)
Add virtual or override
Marking a contract abstract
A Quick Fix option is available when there is a blue dot in Editor - like in the image below.
In this example, the license has been left out. After compilation, a warning is triggered and a Quick Fix blue dot appears.
When you click on the blue dot, a popup menu appears. In this case of a missing license, these are the options:
If you can’t get the Quick Fix blue dot to appear, try clicking on the number for the line where the error occurs.
Gas estimates
Les estimations de gaz sont affichées sur la même ligne que celle où la fonction est déclarée.
Les estimations du gaz constructeur sont également affichées et se composent de deux éléments : le coût de création et le coût de dépôt du code.
Go to definition and references
Définitions
En cliquant avec le bouton droit de la souris, vous pouvez accéder à une définition. Vous pouvez également utiliser le raccourci affiché.
Vous pouvez également cliquer avec le bouton droit de la souris sur le nom de fichier d’une déclaration d’importation et passer à ce fichier.
Vous pouvez également « jeter un coup d’œil » à la définition en ligne dans l’éditeur. Vous pouvez ensuite accéder à une définition en double-cliquant sur le côté droit de la ligne.
Références
En cliquant avec le bouton droit de la souris, vous pouvez afficher toutes les références. Vous pouvez également utiliser le raccourci affiché.
Vous pouvez passer à une référence en double-cliquant sur le côté droit de la ligne.
Highlighted references
Les références sont mises en évidence dans l’éditeur.
Le survol
Lorsque vous survolez un terme accompagné d’une définition, celle-ci s’affiche. Lorsque vous survolez un code qui a déclenché une erreur (souligné par une ligne rouge), le message d’erreur s’affiche.
Files with errors turn red
Lorsqu’un fichier contient une erreur, son nom devient rouge, à la fois dans l’explorateur de fichiers et dans son onglet en haut de l’éditeur.
Pour en savoir plus sur les mises à jour de l’éditeur, consultez cet article : Mises à jour majeures de l’éditeur Remix