Kódterek: Github

Az IDE szolgáltatás, amely elérhető a böngészőben

Hely a kód számára

A Github Codespaces egy viszonylag új, a Github által kifejlesztett szolgáltatás, amely egy IDE-t kínál közvetlenül a böngészőben a tárolók számára. Az alapul szolgáló technológia a Microsoft által kifejlesztett „Monaco Editor” -ra épül. Lehet, hogy nem hallott még a monacói szerkesztőről, de biztosan ismeri a rá épülő termékek egyikét: a Microsoft Visual Studio kódját!

Mivel a „Monaco Editor” pusztán webes technológiákon alapszik, natív módon, úgymond a böngészőben használható. És mivel a Codespace-eket a Github fejlesztette ki, hozzáférése van az összes tárházához anélkül, hogy egy harmadik fél cége hozzáférést biztosítana hozzájuk.

Vegye figyelembe, hogy a „Github Codespaces” jelenleg zárt bétaverzióban van, ezért hozzáférést kell kapnia a használatához. Szerencsére azon fejlesztők közé tartozom, akiket feloldottak, úgyhogy nézzük meg ezt az izgalmas új funkciót!

Használat a valós alkalmazásokban

Ehhez a cikkhez a Github Codespace-eket használtam azzal az adattárral, amely ezt a jelenleg progresszív webalkalmazást tárolja.

A szerkesztő elindítása a lehető legegyszerűbb: egyszerűen navigáljon a tárháza „Code” nézetére, ahol kiválaszthatja a „Megnyitás kódtérrel” lehetőséget. Ez a művelet a szerkesztőt tárolt környezetben indítja el a „github.dev” aldomain alatt. Ha úgy dönt, hogy bejelentkezik azzal a fiókkal, amelyet a Visual Studio Code-ben használ a beállítások szinkronizálásához, akkor az összes bővítmény és testreszabás automatikusan betöltődik. Mindent összevetve, a beillesztés és a kódolás megkezdésének ideje csak néhány másodpercet vett igénybe, ami igazán lenyűgöző.

Image 6d64af0ae95a

Image a8325fe78b0b

Amit kap, az egy teljes kódolási környezet: a Visual Studio Code összes hivatkozása elérhető a Github kódterekben is. Ugyanez vonatkozik a kód kitöltésére is, ami nagyon jól működik, bár nem olyan lángolóan gyorsan, mint a helyi szerkesztőben.

Image 6cb7fedf63ae

Teljes hozzáférése van a terminálhoz, valamint a fájlrendszerhez való teljes hozzáférés! A tárház git-lel történő kezelése 100% -ban ugyanúgy történik, mint a helyi Visual Studio Code-példányban. Futtathatja az összes ismert git parancsot, ami a valódi kóddal való munka során fontos funkció.

És mi van a localhosttal?

Mindez nagyon szépen hangzik, de a kódoláson kívül futtathatja az alkalmazását a localhoston is? Igen, ez teljesen lehetséges, és a Github integrálásának módja nagyon jól működik a valódi használatomban!

Amikor elindítja a localhostot, a Github Codespaces észleli, hogy mit szeretne csinálni, és felajánlja, hogy nyisson meg egy új lapot, ahol használhatja a localhost alkalmazást. Természetesen nem közvetlenül a localhost érhető el az URL-ben, hanem a Github Codespaces ad-hoc által létrehozott egyéni webhely, amely a „githubpreview.dev” domain alatt él. Hatékonyan alagutolja a localhostot erre a konkrét URL-re, hogy felhasználhassa fejlesztéshez.

Image 3b5575565126

Image 959ec6472b6c

Ez az URL nem mindenki számára elérhető, így a fejlesztés során csak Önnek van hozzáférése. A proxi localhost tényleges megnyitásához engedélyezett fiókkal kell bejelentkeznie.

Titkok kezelése

Ha biztonságosan szeretné felhasználni a titkokat a környezeti változókban, akkor ez lehetséges. Csak menjen át a Github beállítási oldalára, és válassza a menüből a „Kódterek” lehetőséget. Itt meghatározhatja az adattáraiban használható titkokat.

Image 7de2a69a3da6

Több repóhoz való hozzáférés

Haladó funkció, amely nem biztos, hogy működik a Github Codespaces szolgáltatással, a különféle repók használata egyidejűleg a szolgáltatás működése érdekében. Tegyük fel, hogy kezeli a tárhelyeket „frontend” és „api”, és szükség van mindkettőre, hogy helyben működjenek, hogy fejlődhessen. Szerencsére a Github Codespaces még ezt a funkciót is támogatja. A rendelkezésre álló lehetőségek közül közvetlenül a Github beállításai között választhat.

Image de87784a603e

Következtetés

A Github Workspaces használata nagyon kellemes fejlesztési élmény. Kezdetben csak arra gondoltam, hogy ezt a cikket használom, de miután megírtam néhány kódot, amelyet ténylegesen a webalkalmazásommal fogok használni, biztos vagyok benne, hogy a Github Workspaces komoly alternatíva a helyi IDE-vel szemben. Mivel a munkaterületet teljesen a felhő tárolja, a függőségek telepítése őrülten gyors. Munkája állapota mindig megmarad, ahogy otthagyta, ami elkerülheti a többletidőt, hogy helyileg új eszközöket állítson be. Nagyon lenyűgöz a termék, és ezentúl sokkal gyakrabban fogom használni, különösen akkor, ha gyenge eszközökön dolgozom, mint például a régi MacBookom.

Javaslatok

Kapcsolódó

Kiegészítés

Nyelvek