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, JS, and TS.

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.

Operaciones generales

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.

  • El botón Reproducir funciona en la ficha activa. Si un archivo Solidity está activo, al hacer clic en Reproducir se compilará. Si un archivo TS o JS está activo, Play ejecutará el 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 y autocompilación

Cuando la compilación automática está activada (en el panel Configuración), la compilación se producirá cada vez que se modifique el archivo actual o se seleccione otro archivo.

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.

Consejo: Si comienza con un archivo Solidity que contiene errores, es posible que el compilador no pueda compilarlo. En ese caso, las funciones de autocompletar del Editor no funcionarán completamente hasta que el archivo se haya compilado correctamente. Después de eso, autocompletar funcionará aunque haya errores, pero sólo para los elementos que el Compilador ya entienda. Por ejemplo, si añade una nueva función en un archivo que contiene errores, autocompletar no podrá encontrar esa función porque no puede compilar el archivo.

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:

Errores y advertencias

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.

Estimaciones de gas

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.

Ir a Definición y referencias

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.

Referencias destacadas

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.

Los archivos con errores se vuelven rojos

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