Dezvoltatorii și programatorii au folosit de mult timp editorii de text ca modalitate principală de introducere a codului computerului. Unele medii de dezvoltare au propriile lor editori încorporați, dar dezvoltatorii sunt de obicei pasionați de un singur editor și se țin de programul respectiv. Un motiv pentru aceasta este că un editor de codare bun include evidențierea sintaxei, o caracteristică care formatează codul sursă și atribuie fonturi și culori cuvintelor cheie și structurilor din cod pentru a-l face mult mai ușor de citit. Editore de text, cum ar fi Notepad ++, care sunt acoperite în acest articol Ghid Tech Junkie , sunt favorizate de dezvoltatori din acest motiv. Majoritatea dezvoltatorilor nu consideră Google Docs ca fiind un potențial editor de codare, în ciuda caracteristicilor sale grozave de grup de lucru și a integrării în cloud, deoarece nu include opțiuni încorporate de evidențiere a sintaxelor.
Cu toate acestea, puteți adăuga evidențierea de sintaxă la cod în documentele Google Doc. Există, de fapt, cel puțin câteva suplimente pentru Docs care vă permit să formatați diferite limbaje de programare și de marcare cu evidențierea sintaxelor. Există, de asemenea, numeroase aplicații web pe care le puteți utiliza pentru a insera codul sursă cu evidențiere în Google Docs. În acest articol, vă voi arăta cum să adăugați evidențierea sintaxei codului sursă în documentele dvs. Docs.
Formatați codul sursă cu Code Pretty
Code Pretty este un supliment pentru Google Docs care adaugă automat evidențierea codului selectat. Code Pretty nu include o cantitate mare de setări pentru personalizarea formatării sintaxei, dar adaugă totuși o opțiune la îndemână de evidențiere a sintaxei la Docs. Puteți adăuga CP la Docs făcând clic pepr eebutonul pornit această pagină web . Apoi apăsați tastaPermitebutonul pentru a confirma permisiunile pentru supliment.
unde sunt stocate marcajele Google Chrome
Apoi, deschideți Documente în browser; și faceți clic pe fila Suplimente pentru a deschide meniul acesteia. Acest meniu va include acum suplimentul Code Pretty. Pentru a vă oferi un exemplu despre modul în care acest supliment evidențiază sintaxa, selectați și copiați exemplul de cod JavaScript de mai jos într-un document Docs apăsând Ctrl + C.
Ce poate face JavaScript?
JavaScript poate modifica atributele HTML.
În acest caz, JavaScript modifică atributul src (sursă) al unei imagini.
Aprinde lumina
Stinge lumina
Inserați acel eșantion JavaScript în Documente apăsând Ctrl + V. Apoi selectați codul în procesorul de text cu cursorul. ClicSuplimente>Cod Frumosși selectațiSelectarea formatuluiopțiunea din submeniu. Aceasta va formata JavaScript așa cum se arată în instantaneul direct de mai jos.
După cum sa menționat, CP nu include multe setări pentru evidențierea sintaxei. Cu toate acestea, puteți ajusta dimensiunea fontului codului evidențiat făcând clicSuplimente>Cod FrumosșiSetări. Aceasta va deschide bara laterală afișată direct mai jos. Apoi puteți selecta o dimensiune alternativă de font implicită pentru codul evidențiat de acolo.
Formatați codul sursă cu blocuri de cod
Code Blocks este un supliment alternativ la CP pe care îl puteți adăuga la Docs. Acesta este de fapt un supliment puțin mai bun pentru a evidenția sintaxa, deoarece include numeroase teme de evidențiere. apasă peGratuitbutonul pornit această pagină de site pentru a adăuga blocuri de cod la Docs.
După ce ați instalat Code Blocks, deschideți Documente și copiați și inserați același cod JavaScript de mai sus în procesorul de text ca înainte. ClicSuplimente>Blocuri de codși selectațistartpentru a deschide bara laterală afișată în fotografia de mai jos.
fereastra 10 descărcare previzualizare tehnică
Selectați doar textul JavaScript cu cursorul. Asigurați-vă că nu selectați niciun spațiu gol pentru document deasupra sau dedesubtul codului. SelectațiJavaScriptdin primul meniu derulant. Apoi, puteți selecta și o temă dinTemămeniul derulant. apasă peFormatbutonul pentru a adăuga evidențierea de sintaxă la cod, așa cum se arată mai jos. Acum, textul JavaScript este mult mai clar, cu etichetele sale de marcare evidențiate.
Copiați și inserați codul sursă evidențiat în Google Docs
În afară de Code Blocks și Code Pretty Docs, puteți utiliza și aplicații web de evidențiere a sintaxelor pentru a formata codul sursă. Apoi puteți copia și lipi codul sursă evidențiat dintr-o aplicație web înapoi în documentul dvs. Docs. Textmate este o aplicație web de evidențiere a sintaxelor care formatează numeroase limbaje de programare și de marcare.
Clic acest hyperlink pentru a deschide Textmate. Apoi copiați și inserați textul JavaScript inclus în această postare în caseta de cod sursă a Textmate cu tastele rapide Ctrl + C și Ctrl + V. SelectațiJavaScriptdin meniul derulant Limbă. Selectați o temă de evidențiere de sintaxă din meniul derulant Temă. apasă peA scoate in evidentabutonul pentru a obține o previzualizare pentru formatarea codului sursă, așa cum se arată în instantaneul direct de mai jos.
Apoi, selectați JavaScript evidențiat în previzualizare cu cursorul și apăsați Ctrl + C. Lipiți codul evidențiat în Google Docs apăsând Ctrl + V. Aceasta va adăuga codul sursă JavaScript evidențiat în documentul Documente, așa cum se arată direct mai jos.
cum să salvați emisiunile anterioare pe twitch
Deci, nu aveți nevoie de un editor de text desktop pentru a adăuga evidențierea de sintaxă la software și codul site-ului web. În schimb, puteți evidenția codul de sintaxă din documentele Docs cu extensiile Code Pretty și Code Blocks. Ca alternativă, copiați și inserați codul în și din aplicația web Textmate pentru a insera codul sursă cu evidențiere în Google Docs.
Aveți alte modalități de a adăuga formatare sintaxă la Google Docs? Distribuiți-le mai jos cu noi!
