12 legjobb online IDE és kódszerkesztő webalkalmazások fejlesztéséhez

Mi a legjobb dolog a kódolás mellett? Természetesen a kódszerkesztő!

A kódszerkesztők a programozói lángháborúk második legjelentősebb okai (az első a kód formázása).

Egyesek számára a Vim az egyetlen értelmes szerkesztő, amit valaha készítettek, míg másoknak minden, ami nem illik az Emacs Inception-szerű, spirálisan pörgős világába, csak nevetségességre alkalmas. Ha rosszul keresed a figyelmet, csak fel kell lépned egy programozói közösségbe, és elindítani egy szálat, mint például: „Miért gondolom, hogy az X (válasszon bármilyen népszerű kódszerkesztőt) szívás/a legjobb”, igyál egy kis sört és lazíts.

Érvek, ellenérvek és sértések ömlenek majd a vitába egész éjszaka, és sok hónapnak kell eltelnie, mire kihűl a szál mérge.

A kérdés az: miért?

Persze, az emberi lények mindenből nagy ügyet tudnak csinálni, de úgy gondolom, hogy a programozók esetében a kódszerkesztők különösen fontosak. Egy tipikus programozó szinte minden idejét (több mint 98%-át, ha fogadnom kellene) a választott kódszerkesztővel tölti. Ismerik az utat a szerkesztőben – erősségeit, gyengeségeit, korlátait, furcsaságait és rejtett gyöngyszemeit.

Semmi sem frusztrálóbb annál, minthogy a szerkesztővel kell megküzdenie kódírás közben (gondoljon csak bele, milyen bosszantó, ha egy hosszadalmas és sürgős e-mailt egy új billentyűzeten kell kilőnie!). A kódszerkesztők csökkentik a mentális súrlódásokat, és lehetővé teszik, hogy produktívabb legyél, ezért olyan fontosak és sok figyelmet kapnak.

Szóval melyik a legjobb kódszerkesztő?

Őszintén szólva oda sem merek menni! 😀 😀

Ha azonban webfejlesztéssel foglalkozik, van egy alternatíva, amelyre gondolok: az online kódszerkesztők! Felhőalapú kódszerkesztőknek is nevezhetjük őket.

Ne keverje össze a kódszerkesztőt az integrált fejlesztői környezettel (IDE). Mindkettő két különböző dolog, és fejlesztőként ismernie kell ezeket a többnyelvű IDE-ket.

Dióhéjban ezek olyan szerkesztők, amelyek teljes egészében egy távoli szerveren találhatók, és a böngészőn keresztül érhetők el.

Furcsán hangzik, igaz?

Én is így éreztem, amikor 3-4 éve rájuk bukkantam. Mi a fenéért akarna valaki mindent átadni egy hülye böngészőnek?

Felveheti a versenyt egy natívan telepített kódszerkesztővel?

Kiderül, hogy a legtöbb esetben, és különösen a webfejlesztés esetében, a válasz igen. Noha nem az online szerkesztőket választottam elsődleges médiumnak, egyre gyakrabban használom őket bizonyos helyzetekben.

Mielőtt belemerülnénk abba, hogy mely kódszerkesztőket érdemes használni, álljunk meg, és gondoljuk át, mikor van értelme az online kódszerkesztőknek.

Nulla beállítás

Nem tudom, ti hogy vagytok vele, de nem várom, hogy kedvenc szerkesztőmet kedvem szerint állítsam be egy új rendszeren. Beépülő modulok, témák, betűtípusok, parancsikonok, kódrészletek, beállítások . . . Végtelen sora van azoknak a dolgoknak, amelyeket ki kell egyensúlyozni, mielőtt az egész használhatóvá válik. Könnyű figyelmen kívül hagyni valamit, de később bosszankodni lehet, ha a munkafolyamat megszakad.

Ezzel szemben az első beállítás után nincs mit tenni az online szerkesztővel. Hivatalos buildek, frissítések, éjszakai buildek, támogatott platformok, rendszerarchitektúra, FTP-szinkronizálás, CI/CD-folyamatok – ezek mindaddig nem számítanak, amíg van böngészője!

Együttműködés

Leggyakrabban más fejlesztőkkel kell együttműködnie, amikor problémákat dolgoz ki vagy hibakeresést végez.

A hagyományos kódszerkesztő nem erre készült – nincs lehetőség a kód egyidejű szerkesztésére, kommentálására vagy kiemelésére, és kihívást jelent a támogatás hozzáadása.

Adatbiztonság

Ma már magától értetődő, hogy egyetlen projektnek sincs verzióellenőrzése, ami azt jelenti, hogy a kód másolata mindig megtalálható a tárhelyen. Ennek ellenére vannak olyan esetek, amikor a verziókezelés nem elegendő:

  • Elfelejti lenyomni az újonnan létrehozott véglegesítéseket, és a laptopja kigyullad.
  • Vannak más fontos fájljai és adatkiíratásai, amelyekkel a kód kölcsönhatásba lép, bár ezek nem részei az élő alkalmazásnak. Mi történik velük, ha kigyullad a laptopja?

(Oké, úgy tűnik, megszállott vagyok a notebookok lángra lobbanásában, de érted a lényeget, ugye?!)

A fegyelem érvényesítése

Ez ellen is lehet vitatkozni a fejlesztői jogok bíróságán (ha van ilyen), de az igazság az, hogy a fejlesztők ritkán áldozzák fel szeszélyeiket a közjó érdekében.

Például egy kemény Sublime Text-rajongó valaha is teljes mértékben felkarolja a JetBrains bármelyik kiváló szerkesztőjét, és minden lehetőséget megtalál, hogy rámutasson annak memóriaéhes természetére és lassabb teljesítményére.

Ugyanez vonatkozik a tabulátorok és a szóközök (vagy akár a két szóköz és a négy szóköz közötti tabulátorok) esetében is – naiv vagy, ha azt hiszi, hogy a csapat programozói nem zárják le a kürtöket.

Ilyen esetekben az online szerkesztő áldás – Ön határozza meg a projektek beállításait (még azt is, hogy a kódot hogyan kell formázni), és egyszerűen megtagadja a munkát, amíg nem felel meg az összes szabványnak. Talán durva az egyénre nézve, de nagyszerű a projekthez!

  Hogyan jelenítheti meg a munkaidejét másoknak az Outlook alkalmazásban

Mostanra kifogyok a használati esetekből, szóval vessünk egy pillantást arra, hogy milyen lehetőségünk van az online kódszerkesztőknél, különösen a webfejlesztésnél.

JSFiddle

Míg JSFiddle nem helyettesítheti a teljes értékű szövegszerkesztőt, baromi jól kezeli az egyszeri frontend szkripteket.

Annyira népszerű, hogy az olyan Q&A webhelyek, mint a StackOverflow, már támogatják a JSFiddle hivatkozások beágyazását közvetlenül a platformjukba.

A dolgok gyors elindításához a JSFiddle az elején kínál néhány kazánt; ami azt jelenti, hogy ha el akarod indítani a React bemutatóját, csak kattints a megfelelő gombra, és kezdd el írni a kódot. Miután megnyomta a Mentés gombot, a „hegedű” mentésre kerül, egy állandó URL-t kap (Nézze meg ezt az ostoba hegedűt, amelyet készítettem: https://jsfiddle.net/tuqd76c4/, és vegye figyelembe, hogy elvégezheti a módosításokat, majd nyomja meg a Mentés gombot egy új létrehozásához. ennek az URL-nek a verziója).

A következő lépések teszik a JSFiddle-t életképes platformmá a front-end webfejlesztéshez:

  • Ingyenesen használható (nincs rejtett díj vagy freemium funkciók). A JSFiddle hirdetéseken keresztül támogatja magát (legalábbis írás közben), és a fenti képernyőkép bal alsó sarkában láthat egy Adobe-hirdetést.
  • Kód-együttműködési funkciók – ideálisak a koncepciók közös kidolgozásához, interjúkhoz stb.
  • Többféle elrendezés, betűméret, világos/sötét témák stb.
  • A kód formázása (rendbe helyezés), a linterek közelgő támogatása (CSS és JS) és még sok más.

És most zokogj, zokogj a rossz dolgokért:

  • A JSFiddle egy tisztán front-end szerkesztő. Nincs mód kedvenc háttérnyelvének kódolására és futtatására.
  • Itt nincs fájlok és mappák fogalma (illetve a feltöltések). Mindössze egyetlen helye van a kódnak, függetlenül attól, hogy mennyi van benne.
  • A JSFiddle nem használható kód hosztolására a kiszolgálón. A kódnak a JSFiddle-n kell lennie, és folyamatosan nyilvánosnak kell lennie.
  • Nincs lehetőség CI/CD-folyamat létrehozására, Git használatára stb.

Ennek ellenére a JSFiddle-nek megvan a maga édes színfoltja, és akkor ragyog, amikor fénysebességgel kell bizonyítékokat felmutatnia és együttműködnie. Az online szerkesztők egyik fő identitása és az is marad.

CodeSandbox

CodeSandbox sokkal erősebb és teljesebb JSFiddle-nek tekinthető. A CodeSandbox nevéhez hűen teljes kódszerkesztő élményt és sandbox-környezetet biztosít a front-end fejlesztéshez.

A CodeSandbox egy igazi erőmű és édes, édes termék. Kifogyna a papírból, ha megpróbálnám felsorolni az összes előnyét, de itt van néhány gyilkos funkció:

  • Npm támogatás: Igen, szinte bármilyen csomagot hozzáadhat, amely az npm-en elérhető.
  • Fájlok, mappák, modulok: A kódot több fájlra bonthatja, képeket adhat hozzá/eltávolíthat a nyilvános mappából, és tetszés szerint modulokat építhet/importálhat. A munkafolyamat egy modern modulcsomagolóét tükrözi, így nem kell (szinte) semmit sem beállítani.
  • A TypeScript, a hot reloading, a GitHub export, a statikus fájltárolás stb. támogatása.
  • A Monaco szerkesztőre épül, ugyanarra a fenevadra, amely a kedvencet is hatalmazza VSCode szerkesztő. Ez olyan hatékony funkciókat hoz, mint az „Ugrás”, „Referenciák keresése” és a szükséges átdolgozás.
  • Snippet támogatás a következőhöz: Hangya
  • Integrált DevTools, linting, hibalefedések, tesztelési keretrendszerek (Jest), billentyűkombinációk és egyebek.
  • Erőteljes CLI a helyi projektek közvetlen importálásához a CodeSandboxba.

Bár a CodeSandbox ingyenes verziója nem támogatja a privát kódot, ezt a funkciót megszerezheti (és általánosságban növelheti a méretkorlátokat), ha segít nekik Patreon havi 5 dollárért (fizessen, amit akar, havi 50 dollárig).

CodeAnywhere

Az egyik probléma a listán szereplő legtöbb kódszerkesztővel (legalábbis eddig), hogy elvárják, hogy a kódot mindig a szerverükön tartsa, vagy megkövetelik, hogy rendszeresen szinkronizálja a kódot a parancssoron keresztül.

Nem úgy vele CodeAnywhere.

A CodeAnywhere két olyan funkcióval rendelkezik, amelyek kiemelkednek számomra:

  • Előre beépített konténerképek 72+ programozási nyelvhez és keretrendszerhez. Ez azt jelenti, hogy közvetlenül a szerkesztőből hozhat létre új fejlesztői környezetet! Természetesen a kód automatikusan az újonnan létrehozott tárolóba kerül, és a fájlok közvetlenül onnan kerülnek kiszolgálásra.
  • Csatlakozzon bármihez. Igen, szó szerint bármit. Nem köteles kódját a CodeAnywhere szerverein tárolni. Függetlenül attól, hogy kódja FTP-n, fájlmegosztó platformokon, például Dropbox, Amazon S3, vagy olyan kifinomult verzióvezérlő platformokon található, mint a GitHub, egyszerűen beállíthatja a CodeAnywhere-t, hogy olvasson és írjon az adott forrásból, a kizárólag a kódszerkesztő használatával. . . Nos, kódszerkesztés. 😛

Még egy dologra szeretnék rámutatni: ha nem érzed jól a Git-et, amikor az előzményeket és a különbségeket nézed, a CodeAnywhere megkönnyebbült sóhajnak tűnhet. A szerkesztő a diff rendszert használja a fájlok összehasonlítására, amely lehetővé teszi két fájl összehasonlítását bármely két változat között (egy revízió minden mentésekor létrejön).

Van azonban egy kis kihagyás a revíziókkal kapcsolatban – az ingyenes verzió csak egy változat karbantartását teszi lehetővé, míg a legkisebb fizetős csomag legfeljebb 20 változatot tesz lehetővé. Általánosságban elmondható, hogy ez nem probléma, mivel ritkán akar az utolsó 20. revízión túl nézni, de mivel a legtöbb programozónak megvan a szokása, hogy percenként néhányszor leüti a Mentés gombot, ez fájdalmassá válhat.

Mindent összevetve, a CodeAnywhere egy szilárd, kellemes ajánlat azok számára, akik a felhőbe szeretnének költözni és ott maradni. 🙂 Mivel ereje túlmutat a front-end kódon, véleményem szerint erősen ajánlott!

  Virtuális gépek exportálása és importálása a VMware Workstationben

StackBlitz

Ha leginkább a kezelőfelülettel foglalkozik, és nem tud eltávolodni a VSCode felületétől, StackBlitz csak neked jött létre.

Nem látsz semmi különöset?

Én sem tettem, amíg egy kicsit lejjebb görgettem és rákattintottam az Angular gombra. Bumm!

Képzeld, ez nem szándékosan úgy készült, hogy úgy nézzen ki, mint a VSCode – a VSCode szerkesztőre épül! Olyannyira, hogy telepíthet bővítményeket, kereshet a mappákban, és úgy rendezheti a fájlokat, ahogyan azt egy normál VSCode példánytól elvárná.

De várj, van még!

Lehet, hogy észrevette, vagy nem, hogy:

  • A StackBlitz-en létrehozott összes alkalmazás automatikusan telepítésre kerül a szervereiken! Tehát ez az Angular játékalkalmazás, amelyet most hoztam létre, automatikusan a https://angular-yvyi2j.stackblitz.io/ oldalon található. Valószínűleg az URL még mindig működik (bár lassan töltődik be, ahogy az ingyenesen tárolva várható)!
  • Megoszthatja a projektet. A megosztás során pontosabban szabályozhatja, hogy mások mit tehetnek.
  • Csatlakozhat egy GitHub-tárolóhoz, és lehetővé teszi a kód közvetlen lehúzását/leküldését onnan. Vagy egyszerűen letöltheti a projektet zip-fájlként a jó régi módon.

De várj, van még!

Komolyan! 😀

Íme a StackBlitz által kínált hivatalos szolgáltatások listája:

  • Natív támogatás a Firebase-hez (amit én személy szerint nem használok, de áldás azoknak, akik nem akarnak belemerülni a háttérrendszer homályos mélységeibe)
  • Intellisense, Project Search
  • Gyors újratöltés gépelés közben
  • Npm csomagok importálása
  • Offline szerkesztés, ha nincs kapcsolat!

A StackBlitz tele van (gyönyörű) meglepetésekkel, amikor le kell hárítani az akadályokat a webfejlesztés és a telepítés elől. A VSCode beágyazása webhelyébe már nem az álmok dolga!

AWS Cloud9

Felhő9 vitathatatlanul az első böngésző alapú IDE, amely komoly szolgáltatásokat kínált, és átvette a böngésző mint szerkesztő ötletét. Nem csoda, hogy az Amazon később megvásárolta, és ma a Cloud9 az AWS kínálatának része.

Ha akár távolról is csatlakozik az AWS platformhoz (vagy érdeklődik iránta), a Cloud9 az, ahol a tökéletes (oké, majdnem tökéletes) szerkesztő keresése véget ér.

Lássuk, miért:

  • A Cloud9 használatáért nincs további díj. Csatlakoztathatja a Cloud9-et egy meglévő/új AWS számítási példányhoz, és csak ezért a példányért kell fizetnie. SSH-n keresztül harmadik féltől származó szerverhez is csatlakozhat – pontosan díjmentesen! 🙂
  • Első osztályú támogatás az AWS szerver nélküli alkalmazásokhoz (hibakeresés stb.)
  • Közvetlen terminál-hozzáférés az AWS-hez a szerkesztőn belül (őszintén szólva, egy tisztességes szerkesztőben, a füles terminál az, ami még mindig hiányzik a VSCode-ból)
  • Több mint 40 programozási nyelv támogatott (Go, C++, Ruby, Node, Python, PHP, Java… válasszon)

A Cloud9 együttműködési funkciói szintén kívánatosak, lehetővé téve az áttekintések/interjúk zökkenőmentes lebonyolítását.

Egy másik gyilkos funkció a fájlon végrehajtott módosítások videó-stílusú lejátszása, amely örömtelivé teszi a felülvizsgálati folyamatot:

A tanácsom?

Ha szereti az AWS-t, akkor ne várjon, és ragadja meg a Cloud9-et most. Ha pedig még nem használja a felhőt, de gondolkodott a lépésen, támogassa az AWS-t, és integrálja a Cloud9-et a munkafolyamatába. Jobb döntést így sem hozhatsz!

Gitpod

Gitpod a felhőkódszerkesztők (vagy IDE-k, ha úgy tetszik) üdítő áttekintése, amelynek célja, hogy a kódot mindig tesztelve és naprakészen tartsa. Más szóval, mélyen integrálva van a GitHubba, és minden alkalommal, amikor kódot ad hozzá, lefuttatja a tesztelést és a CI/CD-folyamatokat, hogy megbizonyosodjon arról, hogy a kód mindig 100%-os állapotú.

Érdemes megnézni, ha szereti a VSCode élményt, és szeretne valamit, ami támogatja az összes főbb háttér-/front-end nyelvet és keretrendszert (Django, Rails, Revel).

Theia

Ha ön egy megrögzött SOLID-rajongó és egy trükkös szoftvertervező, Theia IDE csiklandozni fogja az aggodalmak szétválasztásának csontját. Ez egy TypeScript-kódolású (öt pont a stílusért azonnal!) kódú IDE, amely tökéletesen elkülönül a front-end és a backend. Az előtér böngészőben fut, míg a háttér bárhol lehet – helyi gépen vagy felhőben!

De ez még nem minden – a kezelőfelület Electron-alkalmazásként is futtatható egy teljesen működőképes, elszigetelt böngészőkörnyezettel, így a natív asztali alkalmazás megjelenését és érzetét nyújtja, ha arra vágyik.

GitHub kódterek

GitHub kódterek nagy teljesítményű virtuális gépeket biztosít kódok futtatásához webalkalmazások fejlesztéséhez. A szerkesztőt és egy teljes ökoszisztémát tartalmazó Visual Studio Code használatával könnyebben dolgozhat a böngészőben.

Próbálja ki a projektek legújabb fejlesztői környezetét az előre elkészített képekkel együtt. A különböző régiókban alacsony késleltetést tapasztalhat, ha virtuális gépeit 64 GB RAM-ra és 32 magra méretezi. Kezdje el a kódolást a szabványos környezetekkel, hardverspecifikációkkal, szerkesztőbeállításokkal, bővítményekkel és futásidejű követelményekkel.

A docker-compose és a konténerek segítségével elkülönítheti a projektek közötti függőséget. Ezenkívül egyszerűen megtekintheti az elvégzett módosítások előnézetét a böngészőben, és megoszthatja a nyilvános és privát portokat csapattársaival. Szerkeszthet vagy hozzáadhat még macerás részleteket is, mint például szóközök, fülek, világos, sötét, szebb, szebb, szolárizált, Monokai és még sok más.

  Az iPhone használata jelszavak megadására Apple TV-n

A kezdők, akik szerencsét szeretnének próbálni, ingyenesen használhatják a GitHub Codespace-eket korlátozott előnyökkel, de elegendő funkcióval fog rendelkezni a folytatáshoz. Ha Ön egy csapat vagy egy vállalat, a GitHub Codespaces használatát 40 USD/felhasználó/év áron kezdheti el.

JetBrains

Szerezzen friss, reprodukálható, használatra kész és automatizált űrfelhő-fejlesztői környezeteket másodpercek alatt, és kezdje el a kódolást JetBrains IDE – Space. Ez az egyetlen megoldás szoftverprojektek és csapatok számára, mivel felelősséget vállal a teljes fejlesztési életciklusért, kezdve a CI/CD-folyamatoktól és a Git-tárolók tárolásán át a közzétételi csomagokig.

A Space a dedikált virtuális gép a Docker-tárolóval. Telepítheti a projekthez szükséges összes lényeges könyvtárat és eszközt. Egyszerűsítse és gyorsítsa fel a beépítési élményt a kódolási munkaterületek megosztásával és reprodukálásával, amikor csak akarja.

Lehetővé teszi az újonnan érkezőknek, hogy azonnal hozzáfoghassanak egy kód fejlesztéséhez, anélkül, hogy időt pazarolnának egy helyi gép fejlesztésére. Egy komplett használatra kész IDE-t kap, amikor el kell kezdenie a kód írását, hibakeresését és futtatását másodpercek alatt a kimenet teszteléséhez. A JetBrains központosított platformot kínál a fejlesztői környezetek kezelésére.

Mindent, amit csinál, és minden felhasznált erőforrást egy helyen nyomon követ. Az erőforrásokat könnyedén integrálhatja a fejlesztési folyamatba. Projektjének megfelelően kiválaszthatja a kívánt virtuális gép típust, hogy illeszkedjen a projekt méretéhez. A Space megtakarítja az erőforrásokat a kódolási munkaterület hibernálásával, így a szünet után elkezdheti a munkát.

Kezdje el utazását még ma, és tapasztalja meg ennek a fenevadnak a szépségét ingyen.

CodeTasty

CodeTasty egy bővíthető, intelligens és modern felhőalapú IDE, számos további funkcióval, amelyeket imádni fog. Segít abban, hogy tiszta és olvasható kódot írjon okosabban valós időben a kívánt nyelven.

Szerezze be a kódszerkesztőt, hogy zökkenőmentesen éljen a beépített fordítással, kódkiegészítéssel, hibaészlelő eszközökkel és még sok mással. Ne aggódjon a beállítás miatt; állj fel, és kezdj el dolgozni az előtted álló projekteken.

Ugyanazt az érzést fogja érezni, mintha az asztali számítógéppel dolgozna, ha a felhőben szerkeszti a kódokat, miközben ugyanazt a teljesítményt és sebességet élvezi. A CodeTasty megérti az egyes fejlesztők igényeit; és így lehetővé teszi, hogy annyi bővítményt telepítsen, amennyit csak akar, hogy növelje termelékenységét. Ezenkívül több mint 40 nyelvet és száz sornyi kódot támogat egyetlen fájlban.

Próbálja ki ingyen a CodeTasty-t, és szerezzen be egy sandbox-munkaterületet, 2 FTP/SSH-munkaterületet, együttműködési lehetőséget, terminálopciót és 2 együttműködőt. Kezdheti havi 4 dolláros fizetős csomaggal is, és lehetőséget kaphat a kódok átdolgozására a futtatás előtt.

Replit

Tanuljon, írjon és készítsen kódot a segítségével Replit‘s ingyenes, böngészőn belüli és együttműködő IDE, amely több mint 50 nyelvet támogat anélkül, hogy sok időt kellene a beállításokkal tölteni. Bármilyen eszközön, operációs rendszeren és platformon elkezdheti a kódolást a saját nyelvén.

Hívja meg csapattársait, kollégáit vagy barátait a kód szerkesztésére a Google Dokumentumokban. Kódját importálhatja a GitHubba, hogy nulla beállítással futtasson és működjön együtt azokkal a GitHub-tárolókkal. Akár jól ismeri a C++-t, a Python-t, a CSS-t vagy a HTML-t, megírhatja és szerkesztheti a kódot egyetlen platformon.

Sőt, abban a pillanatban, amikor készen áll a kóddal, azonnal világgá válik. Ha a kódról is szeretne tájékozódni, a Replitnek több mint hárommillió technológusa, kreatívja, szenvedélyes programozója stb. A csapatokkal való valós idejű együttműködésnek köszönhetően csapata eredményesebb lesz. Ezenkívül a kódolás közben bővítmények segítségével létrehozhat alkalmazásokat, botokat stb. Az eszköz segítségével közvetlenül a böngészőből fejlesztheti projektjeit.

Regisztráljon fiókot, és kezdje el a kódolást most.

PaizaCloud

Hozzon létre webalkalmazásokat böngészőjében a következővel PaizaCloud IDE. Ez egy webfejlesztő környezet Node.Js, MySQL, Django, Java, PHP, Jupyter Notebook, Laravel, WordPress és még sok más számára.

A PaizaCloud lehetővé teszi a kódok zökkenőmentes megírását anélkül, hogy a környezet beállításával kellene foglalkoznia. Csak nyissa meg a böngészőt, és a környezete három másodpercen belül készen áll. Függetlenül attól, hogy Mac, iPad, OS vagy Windows verziót használ, ugyanazt a környezetet minden böngészőben használhatja.

Ezen túlmenően a Linux shellek segítségével könnyebben és rugalmasabban állíthat be webalapú fejlesztői környezeteket. Az alapcsomagra frissítve közzéteheti a portfóliójához ideális szolgáltatásokat, például a hosting szolgáltatásokat.

Futtasson parancsokat, kezelje a fájlokat, szerkessze a kódokat és sok mást magában a böngészőben. A PaizaCloud szükségtelenné teszi olyan parancsok hozzáadását, mint a vim, ssh stb. a fájlok szerkesztéséhez vagy a bejelentkezéshez. Ehelyett egyszerűen és hatékonyan működtetheti a szervereket, akárcsak egy asztali számítógépet.

Tegyen egy tesztvezetést az ingyenes csomaggal, 2 maggal és 2 GB memóriával. Vagy használja a korlátlan szerverélettartamot 9,80 USD/hó áron, és kap egy extra 1 GB lemezterületet.

Következtetés

Ez többé-kevésbé lefedi az összes IDE-t és kódszerkesztőt az írás pillanatában. Kétféle ajánlatot hagytam ki ebből a listából: azokat, amelyek pusztán interjúkra összpontosítanak, és nem rendelkeznek teljes értékű környezettel (kivéve persze a szeretett klasszikus JSFiddle-nket), és azokat, amelyek nem kínálnak valamit. tartalmas, és alig volt több egy elegáns kezdőlapnál.

Ha valami könnyűre van szüksége a webfejlesztéshez, fedezze fel ezeket a kódszerkesztőket.