2014. augusztus 12., kedd

Lightweight JS IDE

Nos, talán már említettem, hogy egy UserScript-en ügyködöm, ami ugye JavaScript. SublimeText-ben dolgozom, és ma rátaláltam egy újabb nagyonnagyon hasznos plugin-re, ami nagyban megkönnyíti a fejlesztést a későbbiekben. Ez a SublimeLinter, ami szintaktikai hibák kiemelését teszi lehetővé. (UPDATE!)

Önmagában ez persze nem elegendő, ez csak egy keret, a lintereket külön kell telepíteni a gépre, 2 komponensből:

  • Egyfelől magát a linter progamot kell felrakni a gépre, majd elérhetővé tenni a PATH változóból. JS-hez a jsl-t kell letölteni.
  • Másfelől pedig az adott linterhez tartozó plugint is be kell építeni a ST-be. JS-hez a SublimeLinter-jsl nevűt.
A pluginek telepítését persze érdemes Package Control segítségével megoldani. :)



További nagyon ajánlott package-ek:

  • All Autocomplete - minden megnyitott fájlból fel tud ajánlani neveket, kifejezéseket a CTRL+Space menüben
  • BracketHighlighter - a gutteren jelzi az aktuális zárójel hatókört
  • DocBlockr - megkönnyíti a többsoros kommentek írását (kiteszi a záró tag-et)
  • jQuery - jQuery snippeteket tud beilleszteni, a CTRL+Space menüből hívható
  • JsFormat - nekem ez a JS kód formatter jött be
  • PrettyJSON - JSON-okhoz pedig inkább ez, itt lehet választani, hogy minified vagy szép legyen a kód
Ezekkel a pluginekkel gyakorlatilag szinte egy komplett IDE-vé varázsolhatjuk az editort. Épphogy csak futtatni nem tudja a kódokat - de nem tartom kizártnak, hogy van olyan plugin is, csak nem kerestem még. :)

UPDATE

Nos, azért hamar kibukott, hogy ez a SublimeLinter-jsl történet nem elegendő. Az undefined változókat speciel nem jelzi, ami pedig fontos lenne. Kipróbáltam jsl helyett a jshint-et, de az sem akarta az igazságot.

Viszont találtam egy JSHint Gutter nevű csomagot, na ő már komolyabb játékos. Ő már kijelzi az undefined, de még az unused azonosítókat is, sőt, nem csak a gutteren, hanem a kódban is aláhúzza. :)


A "console" azonosítót pedig hozzá lehet adni a .jshintrc fájlban, mint predefined global. :)

Nincsenek megjegyzések: