Milyen kódszerkesztőt érdemes használni?

2020.06.04. Címkék: ,

Milyen kódszerkesztőt érdemes használni?

A jó munka alapja, hogy megfelelő kódszerkesztőt használsz, amiben gyorsan és magabiztosan elboldogulsz. Én többet is kipróbáltam az évek során, mindig van aktuális kedvencem én most a Bracketes használom, de elmondom mik a tapasztalataim.

Az biztos, hogy “A tökéletes” kódszerkesztő nem létezik, mindenkinek más a kényelmes, más kiegészítőkre lehet szüksége. Ezen kívül az sem biztos, hogy 1 elég. Nálam általában kettő van nyitva, az egyikben fejlesztek, a másikban jegyzetelek, szöveget formázok.

A korábbi éveimben Programmer’s Notepadot használtam, ami nagyon sokáig kiszolgált, de idővel be kellett látnom, hogy ennél azért vannak sokkal jobb szerkesztők is, messze jobb kiegészítő funkciókkal.

Visual studio code

Az egyik legjobb kódszerkesztőnek mondják a piacon. Windows, Linux és Mac rendszereken is használható, hatékony beépített funkciókkal rendelkezik, amelyek teljes mértékben támogatják a fejlesztők munkáját. A VS codeal biztosítva van a gyors hibakeresés és az automatikus kitöltés is.

  • Megbízható automatikus kiegészítés és szintaxis kiemelés
  • Beépített Git parancsok
  • Hatékony hibakeresés közvetlenül a szerkesztőből
  • Szinte minden programozási nyelvvel kompatibilis
  • Könnyen kezelhető és bővítményekkel tesreszabható

Atom

Két évig ebben fejlesztettem, végül azért váltottam, mert az FTP klienssel mindig volt valami fennakadás. Ha meg akarod osztani a futó projektjeidet, akkor az Atom a legjobb választás. Lehetővé teszi a fejlesztőknek, hogy együtt dolgozzanak.

  • GitHub támogatás
  • Automatikus kitöltés
  • Böngésző megnyitása egyszerűen
  • Több panel támogatása
  • Egyszerű keresés/csere funkció
  • Testre szabható témák

Brackets

Én jelenleg most ezt használom. Ez az egyik olyan nyílt forráskódú szerkesztő, amely “megérti” a webdizájnt, kifejezetten frontend fejlesztők és a webdesignerek számára hozták létre. Megkönnyíti a böngészőben történő tervezést, támogatja az előfeldolgozókat és a vizuális eszközöket.

  • Élő előnézet
  • Beépített szerkesztők
  • Előfeldolgozói támogatás
  • Git támogatás
  • Autoprefixer

Kedvenc Brackets bővítményeim:

  • Beautify
    A HTML, CSS és JavaScript fájlokat egy kattintással formázza.
  • Better HTML5 template
    Egy HTML5 sablon váz, amely szuper kiindulási alapot nyújt a munkához. Egy kattintás és kezdhetsz kódolni.
  • Brackets WordPress Hint
    Egy olyan bővítmény, amely tartalmazza a WordPress függvényeket, így automatikus kitöltéssel segít Neked megtalálni a megfelelő WP függvényt.
  • Themes (Miguel Castillo)
    A fejlesztés hatékonyságát nagyban befolyásolja, hogy mennyire látod át a kódodat, a megfelelő szintaxis színezést sokszor nehéz megtalálni, erre ad megoldást a Themes, melyben CodeMirror sablonok és egyedi témákat is vannak. Az én kedvencem a ”pixie”.

Írta

Pócsik Emese Webdesigner, Front-end / WordPress fejlesztő és online oktató. Közel 15 éve kódolok weboldalakat KKV-knak és 2017 óta tanítok weboldal készítést. Rólam bővebben »

A programozás alapjai

Ingyenes leckesorozat!

Ahhoz, hogy később kód szinten is meg tudj valósítani összetettebb frontend igényeket, tisztában kell lenned a programozás alapfogalmaival. Ebben a leckesorozatban megismerkedhetsz a programozás alapismereteivel, teljesen programfüggetlenül. Gyakorlati feladatokat is kapsz minden témakörhöz, melyek kidolgozását a következő heti levél tartalmazza majd.

Egyetértek és elfogadom az adatvédelmi tájékoztatóban foglaltakat.

Ingyenes leckesorozat!

A weboldalon sütiket használunk, hogy fokozzuk a teljesítményét és a felhasználói élményt. Az oldal további használatával beleegyezik a sütik használatába. Cookie tájékoztató

A süti beállítások ennél a honlapnál engedélyezett a legjobb felhasználói élmény érdekében. Amennyiben a beállítás változtatása nélkül kerül sor a honlap használatára, vagy az "Elfogadás" gombra történik kattintás, azzal a felhasználó elfogadja a sütik használatát.

Bezárás