Dezvoltatorii și programatorii au folosit mult timp editorii de text ca modalitate principală de introducere a codului computerului. Unele medii de dezvoltare au propriile editoare încorporate, dar dezvoltatorii sunt de obicei pasionați de un editor și se mențin la acel program. Un motiv pentru aceasta este că un bun editor de codare include evidențierea sintaxei, o caracteristică care formează codul sursă și atribuie fonturi și culori cuvintelor cheie și construcțiilor din cod pentru a ușura citirea. Editorii de text precum Notepad ++, care sunt acoperiți în acest document Ghid Tech Junkie , sunt favorizate de dezvoltatori din acest motiv. Majoritatea dezvoltatorilor nu consideră că Google Docs este un potențial editor de codificare, în ciuda caracteristicilor excelente ale grupului de lucru și integrării în cloud, deoarece nu include opțiuni de evidențiere a sintaxei încorporate.
Cu toate acestea, puteți adăuga evidențierea sintaxei la cod în documentele Google Doc. De fapt, există cel puțin câteva programe de completare pentru Documente care vă permit să formatați diverse limbaje de programare și markup cu evidențierea sintaxei. Există, de asemenea, numeroase aplicații web pe care le puteți utiliza pentru a insera cod 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 mulțime de setări pentru personalizarea formatării sintaxei, dar adaugă în continuare o opțiune de evidențiere a sintaxei la Documente. Puteți adăuga CP la Documente făcând clic pePr eebutonul pornit această pagină web . Apoi apăsați tastaPermitepentru a confirma permisiunile pentru programul de completare.
Apoi, deschideți Documente în browser; și faceți clic pe fila Suplimente pentru a-i deschide meniul. Meniul respectiv 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
Lipiți eșantionul JavaScript în Docs apăsând Ctrl + V. Apoi selectați codul din procesorul de text cu cursorul. ClicSuplimente>Cod destulși selectațiSelectare formatopțiune din submeniu. Aceasta va format formatul JavaScript așa cum se arată în instantaneul de mai jos.
cum se deschide transcrierea pe YouTube
După cum sa menționat, CP nu include multe setări pentru evidențierea sintaxei. Cu toate acestea, puteți regla dimensiunea fontului codului evidențiat făcând clic peSuplimente>Cod destulșiSetări. Aceasta va deschide bara laterală afișată direct mai jos. Apoi puteți selecta o dimensiune implicită alternativă a fontului pentru codul evidențiat de acolo.
Formatați codul sursă cu blocuri de coduri
Code Blocks este un supliment alternativ la CP pe care îl puteți adăuga în Documente. 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ă web pentru a adăuga blocuri de coduri în documente.
După ce ați instalat Coduri de blocare, deschideți Documente și copiați și lipiți același cod JavaScript de mai sus în procesorul de text ca înainte. ClicSuplimente>Blocuri de coduriși selectațistartpentru a deschide bara laterală afișată în fotografiere direct mai jos.
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 sintaxei 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 lipiți codul sursă evidențiat în Documente Google
În afară de Code Blocks și Code Pretty Docs, puteți utiliza, de asemenea, aplicații web pentru evidențierea sintaxei 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 sintaxei care formează numeroase limbaje de programare și markup.
Clic acest hyperlink pentru a deschide Textmate. Apoi copiați și lipiț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 a sintaxei din meniul derulant Temă. apasă pePune in evidentabutonul pentru a obține o previzualizare pentru formatarea codului sursă, așa cum se arată în instantaneul de mai jos.
Apoi, selectați JavaScript-ul 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 Docs, așa cum se arată direct mai jos.
Deci, nu aveți nevoie de un editor de text pentru desktop pentru a adăuga evidențierea sintaxei la codul software-ului și al site-ului web. În schimb, puteți evidenția codul de sintaxă în documentele Docs cu extensiile Code Pretty și Code Blocks. Alternativ, copiați și lipiți codul în și din aplicația web Textmate pentru a insera cod sursă cu evidențiere în Documente Google.
Aveți alte modalități de a adăuga formatarea sintaxei în Google Docs? Împărtășiți-le cu noi mai jos!
