7 Cei mai buni editori de coduri online pentru browser pentru dezvoltatori web

Dacă sunteți dezvoltator web, este foarte probabil să aveți un mediu de dezvoltare configurat local pe stația de lucru. Ați instalat editorul de cod preferat, cele mai bune pachete adăugate, extensiile încărcate și întregul IDE funcționează exact așa cum aveți nevoie. Dar dacă nu ești la mașina ta normală? Ce se întâmplă dacă călătoriți sau ați fost strămutați sau chiar lucrați de acasă fără laptop? Ce atunci? Atunci când știți ce editori de coduri online există, puteți salva cu adevărat ziua. Și mai mult decât atât, poate fi păstrat chiar și în buzunarul din spate ca o modalitate de a vă îmbunătăți rutina normală de codare.

Abonați-vă la canalul nostru Youtube

De ce editorii de coduri online?

Există mai multe motive pentru care să luați în considerare utilizarea editorilor de coduri online. Cu toate acestea, adevărul este că utilizarea unui IDE online (cel mai probabil) nu va înlocui cel instalat local. În timp ce multe medii online sunt uimitor de robuste și capabile să gestioneze majoritatea muncii pe care le aruncați asupra lor, ele nu sunt la fel de robuste și capabile ca instalările desktop. Acestea fiind spuse, cu toate acestea, există mai multe motive pentru a lua în considerare utilizarea unuia.

• Călătoriți și aveți nevoie de acces la codul dvs. oriunde.
• Trebuie să partajați fragmente și secțiuni interactive de cod.
• Timpul dvs. este limitat și aveți nevoie de o soluție cu configurare aproape zero.
• Bugetul dvs. este limitat. Editorii de cod online pot avea mai multă putere în spate decât stația de lucru la care aveți acces.
• Echipa dvs. trebuie să colaboreze în timp real. Multe IDE-uri online au instrumente de colaborare încorporate care funcționează fără configurare.

Indiferent de motivul pentru care doriți sau trebuie să utilizați un IDE online, există o mulțime de alegeri, fiecare cu puncte tari și puncte slabe diferite și care servește funcții diferite pentru dezvoltatorii web.

1. PlayCode

PlayCode este un editor de cod online frumos și universal. Cu acesta, puteți deschide mai multe fișiere care rulează împreună într-un singur proiect, la fel cum ați face cu mai multe fișiere într-o structură tipică de directoare folosind textul sublim sau codul VS. PlayCode are șabloane premade pentru utilizatori, precum și rezultate în timp real și depanare încorporată a consolei chiar în browser. Utilizatorii pot edita și lucra fără a fi conectați pentru remedieri rapide și altele, dar, de asemenea, se pot conecta pentru a salva munca și a folosi PlayCode pe toate mașinile.

Mai multe informatii

2. JSFiddle

JSFiddle este un alt editor de cod online de top care funcționează în multe moduri, cum ar fi PlayCode. Conceput special pentru coderi JavaScript, JSFiddle nu este neapărat pentru a lucra la proiecte întregi, dar așa cum spune bara de informații din partea de sus a editorului, funcționează cel mai bine pentru „demonstrații pentru documente, raportarea erorilor pentru problemele Github, prezentarea răspunsurilor la cod pe Depășirea stivei, colaborarea cu codul live, găzduirea fragmentelor de cod ”sau simpla simplificare pentru a vă juca cu codul dvs.

Mai multe informatii

3. CodePen

CodePen este probabil considerat a fi editorul de cod on - line de editori cod on - line. Nu numai că vă oferă instrumentele pentru colaborare, experimentare și partajare, dar obțineți și rezultate live și posibilitatea de a căuta prin baza lor de date și depozitul de fragmente pe care alți autori le-au creat astfel încât să puteți experimenta și să învățați și din munca lor. . Este, de asemenea, un loc distractiv pentru a vedea ce fac unii oameni cu codul în moduri noi și distractive. În plus, fragmentele CodePen sunt indexate de Google și, de multe ori, veți ajunge aici când căutați o soluție înainte de a vă îndrepta către Stack Overflow - și uneori după aceea, acolo unde oamenii scriu adesea și împărtășesc soluții în timp real.

Mai multe informatii

4. StackBlitz

StackBlitz este un lucru bun. Suntem foarte impresionați de ceea ce oferă această aplicație dezvoltatorilor, deoarece vine plină de instrumente pentru ca dvs. să vă lansați proiectul de la început cu un start curent. Într-un singur clic. Dacă vă uitați la imaginea de mai sus, fișierele și dependențele și chiar adresele URL care pot fi partajate au fost generate cu un singur buton Start a New Workspace - React (JavaScript) . Cu posibilitatea de a salva, partaja și chiar conecta la contul dvs. GitHub, StackBlitz merită o privire. În loc să fie un serviciu de partajare a fragmentelor sau codificare sandbox, StackBlitz este un IDE solid pentru cei care preferă editorii de coduri online.

În plus, și nu putem lăsa acest lucru fără să spunem, se bazează pe codul VS. Deci, practic rulați cel mai popular editor IDE și cod din browserul dvs. și fiecare proiect primește propriul spațiu pe server. Puteți face upgrade dacă doriți, dar chiar și versiunea gratuită funcționează bine (deși ușor lentă la încărcare, dar asta este de așteptat din planurile gratuite). Citiți-o și credem că sunteți de acord că acest lucru, dintre toți editorii de coduri online, merită să ne uităm cu multă atenție.

Mai multe informatii

5. AWS Cloud9

Ca un adoptator timpuriu al Cloud9 în urmă, când era un proiect open-source pe c9.io , vă recomandăm cu tărie acest produs. De fapt, oferă o experiență foarte asemănătoare cu StackBlitz de mai sus. Când Amazon a achiziționat C9, l-au conectat la cloud-ul lor ca parte a suitei lor de servicii AWS. AWS Cloud9 este cu siguranță un IDE solid, complet cu funcții complete, iar mesajul informativ de pe site-ul lor face o treabă excelentă de a descompune exact de ce merită să aruncăm o privire.

AWS Cloud9 este un mediu de dezvoltare integrat (IDE) bazat pe cloud, care vă permite să scrieți, să rulați și să depanați codul doar cu un browser. Include un editor de cod, un depanator și un terminal. Cloud9 vine preambalat cu instrumente esențiale pentru limbaje de programare populare, inclusiv JavaScript, Python, PHP și multe altele, deci nu este nevoie să instalați fișiere sau să vă configurați mașina de dezvoltare pentru a începe noi proiecte. Întrucât ID-ul dvs. Cloud9 este bazat pe cloud, puteți lucra la proiectele dvs. de la birou, acasă sau oriunde, folosind un aparat conectat la internet. Cloud9 oferă, de asemenea, o experiență perfectă pentru dezvoltarea aplicațiilor fără server, permițându-vă să definiți cu ușurință resursele, să depanați și să comutați între executarea locală și la distanță a aplicațiilor fără server. Cu Cloud9, vă puteți partaja rapid mediul de dezvoltare cu echipa dvs., permițându-vă să împerecheați programul și să urmăriți reciproc intrările în timp real.

Mai multe informatii

6. JSBin

Dacă ați văzut sau ați folosit vreodată PasteBin, JSBin vă va fi familiar. Este similar în structură, stil și utilitate, JSBin este în principal un site de partajare a codului. Credem că este cu siguranță cel mai bine să vă înregistrați un cont aici pentru a rămâne conectat. Motivul este că JSBin vă salvează automat progresul în orice cod cu care lucrați. Chiar dacă pur și simplu experimentați pentru a vedea ce fac fragmentele, nu veți pierde munca. JSBin este un editor simplu, fără prostii. Și dacă de asta aveți nevoie, chiar nu vă puteți îmbunătăți.

Mai multe informatii

7. Editorul de teme WordPress

Este posibil ca WordPress să nu fie primul lucru la care vă gândiți în ceea ce privește editorii de coduri online. Dar este cu siguranță ceva de luat în considerare. În WordPress 4.9, WP Core a fost actualizat pentru a include CodeMirror. Evidențierea sintaxei și avertismentele de eroare pentru orice modificări efectuate în zonele de cod sunt acum de bază cu WordPress. Locația principală pentru aceasta se află în zona Aspect - Editor temă , dar apare și în orice zonă widgetizată (cum ar fi widgetul personalizat HTML ) sau în cadrul personalizatorului temei din fila CSS personalizat . Deși acest lucru nu este cu siguranță un IDE complet, putem recomanda absolut editorul WP CodeMirror ca o modalitate de a verifica erorile și de a actualiza fragmente de cod fără a face față cu FTP și diverse sisteme de gestionare a fișierelor.

Mai multe informatii

Încheierea cu editorii de coduri online

Majoritatea editorilor de coduri online nu vor înlocui mediul dvs. de dezvoltare local. Nu asta e treaba lor. Mai ales. Totuși, ceea ce pot face este să ofere o modalitate solidă și simplă de a edita codul, de a partaja fragmente, de a face copii de rezervă și de a experimenta noi funcții într-o locație sigură și în timp real. Între IDE complete, cum ar fi StackBlitz, servicii de partajare a fragmentelor, cum ar fi JSBin, și chiar și editori de coduri online de calitate a vieții, cum ar fi integrarea WordPress CodeMirror, dacă nu ați jucat niciodată cu editare online, nu există un moment mai bun pentru a începe.

Care sunt editorii de cod online preferați?

Imagine prezentată de articol de la Fernandodiass / shutterstock.com