Sviluppatori e programmatori utilizzano da tempo gli editor di testo come metodo principale per inserire il codice del computer. Alcuni ambienti di sviluppo hanno i propri editor integrati, ma gli sviluppatori di solito amano un editor e si attengono a quel programma. Uno dei motivi è che un buon editor di codice include l'evidenziazione della sintassi, una funzionalità che formatta codice sorgente e assegna caratteri e colori a parole chiave e costrutti all'interno del codice per renderlo molto più semplice leggere. Editor di testo come Notepad ++, che sono trattati in questo Guida ai drogati di tecnologia, sono preferiti dagli sviluppatori per questo motivo. La maggior parte degli sviluppatori non considera Google Docs come un potenziale editor di codice, nonostante sia eccezionale funzionalità per gruppi di lavoro e integrazione cloud, perché non include l'evidenziazione della sintassi incorporata opzioni.
Tuttavia, puoi aggiungere l'evidenziazione della sintassi al codice nei documenti di Google Doc. Esistono, infatti, almeno un paio di componenti aggiuntivi per Docs che consentono di formattare vari linguaggi di programmazione e markup con l'evidenziazione della sintassi. Esistono anche numerose app Web che puoi utilizzare per inserire il codice sorgente con l'evidenziazione in Google Documenti. In questo articolo ti mostrerò come aggiungere l'evidenziazione della sintassi del codice sorgente ai tuoi documenti di Documenti.
Formatta il codice sorgente con Code Pretty
Code Pretty è un componente aggiuntivo per Google Docs che aggiunge automaticamente l'evidenziazione al codice selezionato. Code Pretty non include un'enorme quantità di impostazioni per personalizzare la formattazione della sintassi, ma aggiunge comunque una comoda opzione di evidenziazione della sintassi a Docs. Puoi aggiungere CP a Documenti facendo clic su Free pulsante acceso questa pagina web. Quindi premere il Permettere pulsante per confermare le autorizzazioni per il componente aggiuntivo.
Quindi, apri Documenti nel tuo browser; e fai clic sulla scheda Componenti aggiuntivi per aprire il relativo menu. Quel menu ora includerà il componente aggiuntivo Code Pretty. Per darti un esempio di come questo componente aggiuntivo evidenzia la sintassi, seleziona e copia il codice JavaScript di esempio riportato di seguito in un documento di Documenti premendo Ctrl + C.
Cosa può fare JavaScript?
JavaScript può modificare gli attributi HTML.
In questo caso JavaScript modifica l'attributo src (sorgente) di un'immagine.
Incolla l'esempio JavaScript in Documenti premendo Ctrl + V. Quindi selezionare il codice nell'elaboratore di testi con il cursore. Clic Componenti aggiuntivi > Codice Abbastanza e selezionare il Selezione del formato opzione dal sottomenu. Ciò formatterà il JavaScript come mostrato nell'istantanea direttamente sotto.
Come affermato, CP non include molte impostazioni per l'evidenziazione della sintassi. Tuttavia, puoi regolare la dimensione del carattere del codice evidenziato facendo clic Componenti aggiuntivi > Codice Abbastanza E Impostazioni. Ciò aprirà la barra laterale mostrata direttamente sotto. Quindi puoi selezionare una dimensione del carattere predefinita alternativa per il codice evidenziato da lì.
Formatta il codice sorgente con i blocchi di codice
Code Blocks è un componente aggiuntivo alternativo a CP che puoi aggiungere a Docs. Questo è in realtà un componente aggiuntivo leggermente migliore per evidenziare la sintassi poiché include numerosi temi di evidenziazione. premi il Gratuito pulsante acceso questa pagina del sito web per aggiungere Blocchi codice a Documenti.
Dopo aver installato Code Blocks, apri Documenti e copia e incolla lo stesso codice JavaScript sopra nell'elaboratore di testi come prima. Clic Componenti aggiuntivi > Blocchi di codice e seleziona Inizio per aprire la barra laterale mostrata nello scatto direttamente sotto.
Seleziona solo il testo JavaScript con il cursore. Assicurati di non selezionare nessuno spazio documento vuoto sopra o sotto il codice. Selezionare javascript dal primo menu a tendina. Quindi puoi anche selezionare un tema dal file Tema menu a discesa. premi il Formato pulsante per aggiungere l'evidenziazione della sintassi al codice come mostrato di seguito. Ora il testo JavaScript è molto più chiaro con i tag di markup evidenziati.
Copia e incolla il codice sorgente evidenziato in Google Docs
Oltre a Code Blocks e Code Pretty Docs, puoi anche utilizzare le app web di evidenziazione della sintassi per formattare il codice sorgente. Quindi puoi copiare e incollare il codice sorgente evidenziato da un'app Web nel documento di Documenti. Textmate è un'app Web per evidenziare la sintassi che formatta numerosi linguaggi di programmazione e markup.
Clic questo collegamento ipertestuale per aprire Textmate. Quindi copia e incolla il testo JavaScript incluso in questo post nella casella del codice sorgente di Textmate con i tasti di scelta rapida Ctrl + C e Ctrl + V. Selezionare javascript dal menu a discesa Lingua. Seleziona un tema di evidenziazione della sintassi dal menu a discesa Tema. premi il Evidenziare pulsante per ottenere un'anteprima della formattazione del codice sorgente come mostrato nell'istantanea direttamente sotto.
Successivamente, seleziona il codice JavaScript evidenziato nell'anteprima con il cursore e premi Ctrl + C. Incolla il codice evidenziato in Google Documenti premendo Ctrl + V. Ciò aggiungerà il codice sorgente JavaScript evidenziato al documento Documenti come mostrato direttamente di seguito.
Quindi, non è necessario un editor di testo desktop per aggiungere l'evidenziazione della sintassi al software e al codice del sito web. Invece, puoi evidenziare il codice di sintassi nei documenti di Docs con le estensioni Code Pretty e Code Blocks. In alternativa, copia e incolla il tuo codice da e verso l'app Web Textmate per inserire il codice sorgente con l'evidenziazione in Google Documenti.
Hai altri modi per aggiungere la formattazione della sintassi a Google Documenti? Condividili con noi qui sotto!
