ariadnadoccat.com

Dezvoltatorii și programatorii au folosit 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. Editorii de text, cum ar fi Notepad ++, care sunt tratați în acest ghid Tech Junkie, sunt favorizați 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 introduce 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 pe pree butonul de pe această pagină web. Apoi apăsați tasta Permite butonul pentru a confirma permisiunile pentru supliment.

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

Lipiți acel eșantion JavaScript în Documente apăsând Ctrl + V. Apoi selectați codul în procesorul de text cu cursorul. Clic Suplimente >Cod Frumos și selectați Selectarea formatului opț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 clic Suplimente >Cod Frumos și Setă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ă pe Liber butonul de pe această pagină de site pentru a adăuga blocuri de cod în Documente.

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. Clic Suplimente >Blocuri de cod și selectați start pentru a deschide bara laterală afișată în fotografia de 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ți JavaScript din primul meniu derulant. Apoi, puteți selecta și o temă din Temă meniul derulant. apasă pe Format butonul 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, de asemenea, aplicații web de evidențiere de sintaxă 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.

Faceți clic pe 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ți JavaScript din meniul derulant Limbă. Selectați o temă de evidențiere de sintaxă din meniul derulant Temă. apasă pe Pune in evidenta butonul 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.

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!