Editor
Remix utiliza el editor Monaco. Es el mismo editor que utiliza VSCode.
Remix guarda el archivo actual cada 5 segundos.
The Remix Editor will highlight keywords in Solidity, JavaScript, and TypeScript.
El editor muestra información de otros 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.
El compilador de Solidity mostrará advertencias y errores en el medianil del editor en la línea problemática.
Los puntos de interrupción para el depurador se introducen en el canalón del editor.
Al recorrer el código en el depurador, el código relevante aparecerá resaltado en el editor.
General operations
Los archivos se abren como pestañas. Cuando haya demasiadas pestañas para mostrar, el desplazamiento con la rueda del ratón desplazará horizontalmente las pestañas.
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.
Los iconos de lupa (+/-) de la esquina superior izquierda sirven para aumentar/disminuir el tamaño de la letra.
Se puede hacer clic en la letra pequeña del extremo derecho del Editor para saltar a una sección.
TypeScript
El Editor y el Script Runner soportan TypeScript, lo que significa que puede escribir TypeScript, tener autocompletado y ejecutarlo directamente desde Remix. Como se dijo anteriormente, hay resaltado de sintaxis en TS.
El espacio de trabajo predeterminado contiene archivos TypeScript de ejemplo.
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.
Autocompletar
El autocompletado del código Solidity ocurre cuando usted comienza a escribir en el Editor. El Compilador se ejecutará en segundo plano y procesará las importaciones que tenga. Verá que estas importaciones aparecen en el directorio .deps en el Explorador de archivos.
Truco
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.
Autocompletar en las importaciones
La función de autocompletar del editor le ofrecerá la opción de introducir los contratos OpenZeppelin, los contratos Uniswap y las rutas de todos los archivos del espacio de trabajo actual.
Así, al elegir @openzeppelin, obtendrá lo siguiente:
Y lo mismo con Uniswap:
Errors and warnings
Puede saber que el archivo se compiló correctamente si no aparecen errores ni advertencias en el Editor. Los errores se muestran mediante líneas garabateadas. Una línea roja indica un error, una línea amarilla es una advertencia.
Si pasa el ratón por encima de la línea garabateada, verá el mensaje del compilador.
Las pestañas y el Explorador de archivos también mostrarán si un archivo contiene errores o advertencias.
Errores en los archivos importados
Un archivo con errores en uno de los archivos que importa también provocará un error en el Editor. Puede que su archivo principal no compile, pero verá que hay un problema inmediatamente.
Pasar el ratón por encima de un número de error en el Explorador de archivos
El número de errores de un archivo también se indica en el Explorador de archivos. Al pasar el ratón por encima del número, que indica la cantidad de errores/avisos, se mostrará la información del compilador.
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
Las estimaciones de gas se muestran en la misma línea en la que se declara una función.
También se muestran las estimaciones de gas del constructor, que constan de dos componentes: el coste de creación y el coste de depósito del código.
Go to definition and references
Definiciones
Haciendo clic con el botón derecho, puede ir a una definición. También puede utilizar el acceso directo que aparece.
También puede hacer clic con el botón derecho en el nombre de archivo de una declaración de importación y saltar a ese archivo.
También puede “echar un vistazo” a la definición en línea en el Editor. A continuación, puede saltar a una definición haciendo doble clic a la derecha de la línea.
Referencias
Haciendo clic con el botón derecho, podrá visualizar todas las referencias. También puede utilizar el acceso directo que se muestra.
Puede saltar a una referencia haciendo doble clic a la derecha de la línea.
Highlighted references
Las referencias aparecen resaltadas en el Editor.
Sobrevolando
Al pasar el ratón por encima de un término con definición, ésta aparecerá. Al pasar el ratón por encima del código que ha provocado un error (subrayado con una línea garabateada roja) aparecerá el mensaje de error.
Files with errors turn red
Cuando un archivo contenga un error, su nombre se volverá rojo, tanto en el Explorador de archivos como en su pestaña en la parte superior del Editor.
Más información sobre las actualizaciones del Editor en este artículo: Principales actualizaciones del Editor Remix