Editor
Remix utilizza l’editor Monaco. È lo stesso editor utilizzato da VSCode.
Remix salva il file corrente ogni 5 secondi.
The Remix Editor will highlight keywords in Solidity, JS, and TS.
L’editor mostra informazioni da altri plugin
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.
Il compilatore Solidity visualizzerà gli avvertimenti e gli errori nel riquadro dell’editor in corrispondenza della riga problematica.
I punti di interruzione per il Debugger vengono inseriti nel riquadro dell’editor.
Quando si scorre il codice nel Debugger, il codice pertinente viene evidenziato nell’Editor.
Operazioni Generali
I file vengono aperti come schede. Quando ci sono troppe schede da visualizzare, lo scorrimento con la rotella del mouse fa scorrere orizzontalmente le schede.
Il pulsante Riproduci funziona sulla scheda attiva. Se è attivo un file Solidity, facendo clic su Play lo si compila. Se è attivo un file TS o JS, Play eseguirà lo script.
Le icone a forma di lente d’ingrandimento (+/-) nell’angolo in alto a sinistra servono ad aumentare/diminuire la dimensione dei caratteri.
Il carattere piccolo all’estrema destra dell’editor è cliccabile per passare a una sezione.
TypeScript
L’editor e lo script runner supportano TypeScript, il che significa che è possibile scrivere TypeScript, avere un completamento automatico ed eseguirlo direttamente da Remix. Come già detto, in TS è presente l’evidenziazione della sintassi.
L’area di lavoro predefinita contiene file TypeScript di esempio.
Editor & Compilazione Automatica
Quando la compilazione automatica è attivata (nel pannello Impostazioni), la compilazione avverrà ogni volta che il file corrente viene modificato o viene selezionato un altro file.
Completamento automatico
Il completamento automatico del codice Solidity avviene quando si inizia a digitare nell’editor. Il compilatore viene eseguito in background ed elabora tutte le importazioni presenti. Queste importazioni appariranno nella cartella .deps nell’Esplora File.
Consiglio: Se si inizia con un file Solidity che contiene errori, il compilatore potrebbe non essere in grado di compilarlo. In questo caso, le funzioni di completamento automatico dell’editor non funzioneranno in modo completo fino a quando il file non sarà compilato correttamente. In seguito, il completamento automatico funzionerà anche in presenza di errori, ma solo per gli elementi già compresi dal compilatore. Ad esempio, se si aggiunge una nuova funzione in un file che contiene errori, il completamento automatico non sarà in grado di trovare quella funzione perché non può compilare il file.
Completamento automatico sulle importazioni
Il completamento automatico dell’editor offrirà l’opzione di inserire i contratti OpenZeppelin, i contratti Uniswap e i percorsi di tutti i file nell’area di lavoro corrente.
Quindi, scegliendo @openzeppelin, si otterrà questo:
E lo stesso vale per Uniswap:
Errori e Avvisi
Si può dire che la compilazione del file è avvenuta correttamente se nell’editor non vengono visualizzati errori o avvertimenti. Gli errori vengono visualizzati con linee ondulate. Una linea rossa indica un errore, una linea gialla un avvertimento.
Passando il mouse sulla linea ondulata si visualizza il messaggio del compilatore.
Le schede e l’Esplora File mostrano anche se un file contiene errori o avvertimenti.
Errori nei file importati
Un file che presenta errori in uno dei file che importa genera un errore anche nell’editor. Il vostro file principale potrebbe non essere compilato, ma vi accorgerete subito che c’è un problema.
Passare sopra un Numero di Errore nell’Esplora File
Il numero di errori in un file è riportato anche nell’Esplora File. Passando il mouse sul numero, che indica la quantità di errori/avvertimenti, si visualizzeranno le informazioni del compilatore.
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.
Stime del Carburante
Le stime del carburante sono visualizzate sulla stessa linea in cui viene dichiarata una funzione.
Vengono visualizzate anche le stime del carburante del costruttore, che consistono in due componenti: costo di creazione e costo di deposito del codice.
Vai a Definizione e Riferimenti
Definizioni
Facendo clic con il tasto destro del mouse, è possibile accedere a una definizione. È anche possibile utilizzare la scorciatoia visualizzata.
È anche possibile fare clic con il pulsante destro del mouse sul nome del file di un’istruzione di importazione e passare a quel file.
È anche possibile «sbirciare» la definizione in linea nell’editor. È possibile passare a una definizione facendo doppio clic sul lato destro della riga.
Riferimenti
Facendo clic con il tasto destro del mouse, è possibile visualizzare tutti i riferimenti. È anche possibile utilizzare la scorciatoia visualizzata.
È possibile passare a un riferimento facendo doppio clic sul lato destro della riga.
Riferimenti Evidenziati
I riferimenti sono evidenziati nell’Editor.
Passare sopra
Quando si passa il mouse su un termine con una definizione, viene visualizzata la definizione. Se si passa il mouse sul codice che ha generato un errore (sottolineato da una linea rossa), viene visualizzato il messaggio di errore.
I file con Errori diventano Rossi
Quando un file contiene un errore, il suo nome diventa rosso, sia nell’Esplora File che nella sua scheda in alto nell’Editor.
Maggiori informazioni sugli aggiornamenti dell’editor in questo articolo: Aggiornamenti Importanti dell’Editor Remix