Integrált fejlesztői környezet (IDE) beállítása

Ha az online oktatóanyagokról a saját projektek építése felé mozog, akkor eláraszthatja Önt a saját integrált fejlesztői környezetének (IDE) létrehozásának ötlete, vagy vajon miért is van szüksége egy ilyenre a munkája elvégzéséhez.

Ebben a cikkben megvitatom, mi az IDE , és adok néhány ötletet arról, hogyan nézhet ki a tiéd, különösen, ha JavaScript-en dolgozol, bár az információk nyelvtől vagy projekt típusától függetlenül érvényesek lesznek.

A bejegyzés videó verziója, ha szeretné (28 perces nézés):

Mi az az integrált fejlesztési környezet?

Az integrált fejlesztői környezet, egyszerűen fogalmazva, minden, amire a programozónak szüksége van a munkája elvégzéséhez. Az IDE tényleges felépítése változhat a programozási nyelvek, a projektek típusai és még a programozók között is, de van néhány olyan dolog, amely sok IDE-nél gyakori, és amelyeket alább bemutatok.

Az IDE megértésének legegyszerűbb módja egy olyan "mindent az egyben" megoldás mérlegelése, mint a Unity. Teljes körű játékmotorként a Unity mindent megtalál, amire szüksége van egy 2D vagy 3D játék létrehozásához: egy GUI, amely lehetővé teszi a játék világának felépítését, egy kódszerkesztő (Visual Studio), ahol szkripteket írhat, töltse le a függőségeket és az eszközöket, sőt a GitHub integrációt is, így nyomon követheti a build verziókat és együttműködhet a projektekben. Kisebb projektek esetében a Unity egy teljesen funkcionális integrált fejlesztői környezetnek tekinthető, ahol a játékmotor letöltését követően már minden be van állítva az Ön számára.

Más IDE-k összetettsége nagymértékben változhat, különösen, ha olyan online oktatóprogramból származik, amely lehetővé teszi a kódolást közvetlenül a böngészőben. Az egyik fogásom gyakori válaszokkal a kérdésre: "milyen programozási nyelvet tanuljak?" az a gondolat, hogy a JavaScript megtanulása egyszerűbb, mert "csak a böngészőben fut".

Mondja el ezt mindenkinek, aki megpróbált létrehozni egy IDE-t a Create React alkalmazáshoz, amelyhez több összetevőre van szükség az induláshoz és a futtatáshoz - ezek egyike sem nyilvánvaló, amikor online oktatóanyagokon dolgozik. Fejlesztőként való munkavégzéshez négy fő dologra lesz szükség az integrált fejlesztői környezet beállításához: kódszerkesztő, parancssori felület (CLI), verziókezelő rendszer és csomagkezelő.

Fontos figyelmeztetés: az IDE nagymértékben változhat a programozási nyelvtől vagy a projekt típusától függően, de valószínűleg minden esetben szükséged lesz a következőkre:

IDE Tool # 1: Kódszerkesztő (és fordító)

Egy csomó online oktatóanyag lehetővé teszi, hogy csak kódoljon a böngészőben, ami nagyszerű az alapvető programozási koncepciók megértéséhez, de hosszú távon szüksége lesz egy szerkesztőre, amely lehetővé teszi a kód mentését (és fordítását, ha olyan nyelvet használ, mint a C # vagy a C ++).

Nagyon sok kódszerkesztő létezik, mint például az Atom (könnyű, ingyenes és nyílt forráskódú), a Sublime (szuper népszerű rengeteg integrációval) és a Visual Studio / Visual Studio Code (a Microsoft által támogatott és csodálatos együtt dolgozni) . Reduktív lenne azt mondani, hogy "mind ugyanaz a dolog", mivel mindegyik más és más megközelítést kínál a kódolási munkafolyamat támogatásához, ezért megpróbálhat egyet vagy kettőt, mielőtt eldöntené, melyik tetszik a legjobban.

IDE 2. eszköz: Parancssori interfész (CLI)

Ha van számítógépe, akkor kétségtelenül a fájlkezelőjét vagy más navigációs grafikus felhasználói felületét használta a fájlrendszer eléréséhez, mappák létrehozásához, fájlok törléséhez stb.

A parancssori felület (CLI) lehetővé teszi, hogy ugyanazt tegye ... egyszerű szövegben. Ez eleinte szuper archaikusnak vagy idegesítőnek tűnhet, de amint összefogja a fejét a parancsok összekapcsolása és integrálása a munkafolyamatba, kezdi látni a CLI erejét és mennyire elengedhetetlen a legtöbb fejlesztői környezet számára.

Mac rendszeren előfordulhat, hogy a terminált használja. Mivel a gépemre telepítettem a GitHub for Windows rendszert (bővebben az alábbiakban a GitHubról), a munkámhoz a Git Bash programot használom. Számos lehetőség van itt az Ön számára, és érdemes megnéznie néhány parancssori oktatóanyagot, hogy megértse néhány alapelvet, hogy jól érezze magát az IDE-ben.

IDE Tool # 3: Verziókezelő rendszer

Számos forrás található, amelyek áttekintést nyújtanak arról, hogy mi a verziókezelés, és miért érdemes használni. Elég azt mondani, hogy amikor egy egyszerű projekten kívül bármit épít, akkor szüksége lesz arra, hogy biztonsági másolatot készítsen a munkáról, megossza a kódot az együttműködőkkel, és nyomon követheti a különböző build verziókat, hogy az alkatrészekkel elcsíphesse. a kódalap és mások nem.

A GitHub nem az egyetlen verziókezelő rendszer odakinn, de jelenleg ez az arany szabvány, és érdemes lenne egy kis oktatóanyag után nézni, hogy megtanulják, hogyan lehet kihasználni a funkcióit, még akkor is, ha csak szélben van távoli biztonsági mentési módszerként.

Ezenkívül, bár számos kiegészítő van a GitHub integrálására közvetlenül a kódszerkesztőjébe (vagy játékmotorjába), a Git-hez kapcsolódó feladatok végrehajtásának szokásos gyakorlata a parancssori felület használata, amely újabb okot kínál arra, hogy jártas legyen a választott CLI-vel. .

IDE Tool # 4: Csomagkezelő

Néhány IDE-hez, például a fenti Unity példánkhoz, mindössze annyit kell tennie, hogy letölti és telepíti a szoftvert a projektek építésének megkezdéséhez. A legtöbb függőség, amelyre szüksége lesz, bekerül az első letöltésbe, és ha nem, akkor a játékmotoron belül elérhetővé válik (pl. Unity Asset Store).

Más, inkább saját kalandot választó IDE-k esetén magának kell összeállítania a dolgokat, és az egyik alapvető összetevő egy csomagkezelő lesz, mint például az NPM vagy a Conda.

A csomagkezelők sok mindent elvégeznek, és a legalapvetőbb funkcionalitásukban segítenek a munkájához szükséges összes függőség telepítésében. Ha például el akarja kezdeni a React projektet, akkor navigáljon egy mappába a parancssori felületén keresztül, és az NPM (amely a Node.js csomagban van) telepítése után írja be:

npx create-react-app my-app cd my-app npm start

Az első sor alapvetően ezt mondja: "Hé, NPM! Töltse le a Create React App összes függőségét, és tegye őket egy" my-app "nevű mappába."

Ezután a második sor azt mondja a CLI-nek: "Keresse meg az új könyvtárat, az úgynevezett" my-app "nevet."

A harmadik sor elindítja a műveletet: "NPM, újra én vagyok. Indítson el egy fejlesztői kiszolgálót, amely megjeleníti a projektemet egy böngészőben, és frissíti, amikor csak módosítom a kódot."

Miután telepítette az összes szükséges függőséget a csomagkezelő használatával, elkezd dolgozni a kódszerkesztőben, és a parancssori felület használatával húzási kéréseket vagy push kódokat küldhet egy távoli adattárba a verziókezelő rendszer segítségével.

Összefoglalva: az integrált fejlesztői környezet magában foglalja mindazt, ami a munka elvégzéséhez szükséges, és a nyelv, a projekt típusa és az Ön személyes preferenciái szerint változik. Az IDE-k általában kódszerkesztőt (és fordítót), parancssori felületet, verziókezelő rendszert és csomagkezelőt tartalmaznak, de az integrált fejlesztői környezetnek eltérő követelményei vagy kombinációi lehetnek.

Meg tudod csinálni!

Ha tetszett ez a cikk, kérjük, fontolja meg a játékaim és könyveim megtekintését, a YouTube-csatornámra való feliratkozást vagy a csatlakozást az Entromancy Discord-hoz.

Farzan MS, Ph.D. írt és dolgozott olyan nagy horderejű videojáték-társaságoknál és szerkesztőségi weboldalakon, mint az Electronic Arts, a Perfect World Entertainment, a Modus Games és az MMORPG.com, valamint közösségi vezetőként szolgált olyan játékoknál, mint a Dungeons & Dragons Neverwinter és a Mass Effect: Andromeda . Az Entromancy: A Cyberpunk Fantasy RPG kreatív igazgatója és vezető játéktervezője,valamint a The Nightpath Trilogy szerzője. Keresse meg MS Farzant a Twitteren @sominator.