SublimeLinter je dodatak za provjeru sintakse. Omogućava vam da minimizirate broj grešaka provjeravanjem napisanog koda u hodu. Potrebno je samo da instalirate potrebnih paketa npr.: SublimeLinter-html-tidy, SublimeLinter-csslint, SublimeLinter-jshint i SublimeLinter-php.

CSScomb je dodatak koji vam pomaže da postavite CSS selektore u ispravan redoslijed radi lakšeg čitanja i uređivanja u budućnosti.

Što se tiče nedostataka Sublime Texta, oni uključuju njegovu cijenu (70 USD), kao i činjenicu da se konfiguracija ne vrši preko GUI-ja, već promjenom json konfiguracija.

WebStorm (Windows, Linux, Mac)

WebStorm nije samo uređivač, već integrirano razvojno okruženje (IDE) napisano u Javi. Ali pošto je razlika između IDE-a i uređivača sa veliki broj dodaci mogu biti beznačajni, odlučili smo da ih također uvrstimo na ovu listu.

WebStorm ima sljedeće prednosti:

1. Efikasno radite sa projektima bilo koje veličine zahvaljujući integraciji sistema za kontrolu verzija, uključujući Git, Mercurial i Subverziju.
2. Povećajte kvalitet koda i pridržavajte se principa razvoja vođenog testom (TTD) koristeći Google JsTestDriver.
3. LiveEdit za trenutni pregled promjena bez ponovnog učitavanja stranice.
4. Dostupnost ugrađenih mogućnosti za provjeru kvaliteta koda - JSHint, JSLint, Google Closure Linter.
5. Podrška velika količina tehnologije: TypeScript, CoffeeScript, Less, Sass, Stylus, Compass, EJS, Handlebars, Mustache, Web Components, Jade, Emmet i druge.

WebStorm je božji dar za one kojima je potrebno mnogo razne funkcionalnosti i ko je spreman da to plati: trošak individualne licence za prvu godinu je 59 dolara, trošak korporativne licence za prvu godinu je 129 dolara. Ako vam treba nešto jednostavnije, pogledajte druge urednike.

Atom (Windows, Linux, Mac)

Za razliku od dva prethodna urednika, Atom je besplatan proizvod otvorenog koda. izvorni kod. Sastavljen je od 50 modula i napisan u C++, JavaScript, CSS i HTML. Moguće je dodati vlastite module u javno spremište tako da ih drugi mogu koristiti. Ima sve iste osnovne karakteristike kao Sublime Text, npr brza pretraga nejasna podudaranja u projektima i datotekama, prisustvo mini mape i korištenje isječaka. Podržava prethodno spomenuti Emmet, Autoprefixer, automatsko formatiranje koda sa atom-beautify, Livereload.

Prednosti Atoma u odnosu na plaćeni Sublime Text:

1. GUI postavke umjesto JSON fajlova.
2. Da biste instalirali dodatke, ne morate instalirati kontrolu paketa, sve se radi iz vizuelnog interfejsa.

Zagrade (Windows, Linux, Mac)

Ovo je uređivač teksta za web programere iz Adobe-a. Ima otvoreni izvorni kod i jednostavne, ali neophodne karakteristike koje su prisutne u već spomenutim uređivačima:

1. Trenutni prikaz promjena u pretraživaču ().
2. Višestruki odabir i uređivanje.

Bonus Brackets je dobro dokumentovan API za kreiranje sopstvenih dodataka, kao i funkcija Extract for Brackets (Preview) koja ubrzava proces izdvajanja podataka o boji, fontu i veličini iz PSD-a.

Nedostatak Brackets-a je mala brzina rada ako je instalirano mnogo dodataka.

Coda (Mac OS i iOS)

TextMate i Coda su najpopularniji web uređivači teksta za Mac. Vjerujemo da je Coda još uvijek pogodnija za web programere nego TextMate, koji je trebao biti univerzalni proizvod. Coda je lagani urednik sa svima potrebne funkcije(kao što je sažimanje blokova koda, brza pretraga i zamjena, funkcije autodovršavanja projekta, podrška za Git i Subverziju), ali također ima svoje karakteristike:

1. Mogućnost daljinskog uređivanja datoteka putem FTP-a, SFTP-a, WebDAV-a ili na Amazon S3 serverima.
2. Pojednostavljeno pretraživanje pomoću regularni izrazi zahvaljujući džoker dugmadima.
3. WebKit Preview i AirPreview. Potonji vam omogućava da koristite iPad ili iPhone koji koristi iOS verziju Coda za pregled stranica dok ih gradite na svom desktop računaru.
4. Ugrađeni terminal i MySQL editor.

Coda također ima svoje dodatke, ali ih, naravno, nema toliko kao urednika otvorenog koda. Mnogi ljudi hvale dodatak PHP & Web Toolkit, koji uključuje:

1. Automatska provera PHP sintakse sa prelaskom na sledeću grešku i automatskim čuvanjem.
2. Organiziranje, preformatiranje koda napisanog u HTML, CSS, JavaScript ili PHP.
3. Validacija HTML, CSS i JavaScript.
4. Minifikacija JavaScripta i CSS-a.

Coda licenca za jednog korisnika košta 99 dolara.

Kao što vidite, funkcionalnost modernih uređivača je prilično opsežna, pa izbor zavisi od platforme koja se koristi, kao i od finansijskih mogućnosti. Koji editor za web razvoj preferirate?

Osoblje studija uvijek prati najnovije trendove u web dizajnu i razvoju. Odabirom nas za partnera, možete biti sigurni da će vaša web stranica zadovoljiti moderne standarde web dizajna i razvoja.

Nije za svaki zadatak i ne za svaki projekat potreban punopravni IDE, tako da je za mnoge glavni alat i dalje njihov omiljeni uređivač teksta. I čini se da je izbor jednostavan: moćan, proširiv, ali jednostavan Sublime Text, živi klasici u obliku emacs-a i vim-a, kao i favoriti za jednu platformu - Notepad++ za Windows, TextMate za OS X i Geany za Linux. Ali novi urednici se pojavljuju skoro svaki dan – ima li smisla da mijenjate svoje navike? Hajde da vidimo šta se dešava.

Atom

Još u kolovozu 2011., suosnivač GitHuba Chris "defunkt" Wanstrath postavio je sebi ambiciozan cilj: stvoriti uređivač koji je zaista otvoren i nudi neograničene mogućnosti hakovanja, bez pretvaranja u drugi Vim ili Emacs (što, kao što znate, može učiniti skoro sve, ali samo ako imate mozak kao Jeff Dean). A sada, tri godine i više od petnaest hiljada urezivanja kasnije, počelo je javno beta testiranje. U martu ove godine, Atom je postao dostupan za preuzimanje svima. Kako će poznata kompanija revolucionirati naš pristup kodiranju?

Prva stvar koja vam upada u oči kada pokrenete GitHubovu novu zamisao je njegov neverovatno sličan interfejs Sublime Text-u. Ovo samo po sebi nije minus. Poznata je činjenica da je Sublime interfejs inspirisan drugim, ništa manje popularni urednik kod za OS X TextMate. Trenutna priča sa Atomom i Sublimeom samo naglašava uspješna GUI rješenja potonjeg.

Druga stvar u vezi Atoma je da je to u suštini web aplikacija umotana u Chromium. Ne, naravno, urednik ima svoju ikonu u doku, normalno sistemski meniji i podrška za izvorne prečice. Samo što je Atom jezgro napisano uglavnom u CoffeeScript-u, radi na Node.js-u, a sam editorski interfejs je HTML stranica sa sasvim normalnim oznakama. Ovo možete provjeriti odabirom Programer -> Toogle developer tools iz menija Prikaz.

Treće zanimljiva karakteristika Atom - njegova modularnost. U najboljoj tradiciji ekosistema Node.js, napisan je koristeći maksimalna količina otvoreni moduli (više od pedeset). To znači da ako vam se ne sviđa neka standardna funkcionalnost, onda, prema riječima programera, lako možete pronaći zamjenu za nju u više od 70 tisuća paketa u npm registru ili napisati vlastiti dodatak. S obzirom da je JavaScript zapravo najpopularniji jezik na GitHubu već duže vrijeme, a CoffeeScript tek neznatno zaostaje za Perlom, to nam daje povjerenje u budućnost Atoma.

Šta je sa ubojitim karakteristikama? Ovdje nije sve tako ružičasto. Bilo da se radi o mladosti projekta ili nečem drugom, Atom, osim velikog imena kreatora i velikih nada, ne nudi ništa izvan okvira što bi vas moglo natjerati da se igrate s njim satima. Ono što programeri predstavljaju kao prednosti (na primjer, autodovršavanje, kartice, kolaps koda, isječci) može izmamiti samo snishodljiv osmijeh na lica Sublime pristalica. Da, naravno, Atom već ima svoj upravitelj paketa, ali nisam našao ništa u njegovim repozitorijumima što se ne bi moglo implementirati pomoću dodataka za Sublime.

Light Table

Razvoj Light Tablea započeo je 2011. godine, kada je američki programer Chris Granger odlučio da se proces rada sa kodom u modernim uređivačima teksta ne uklapa dovoljno u savremeni radni tok. Ukratko, zadatak Light Table je da proces razvoja učini zaista interaktivnim i vizualnim, dajući programeru trenutnu povratnu informaciju o bilo kojoj akciji, pomažući na taj način da se brzo kreće u velikom kodu. S tom idejom Chris je otišao na Kickstarter i dovoljno brzo prikupio 316.720 dolara za razvoj projekta, sa navedenim ciljem od 200 hiljada. Zašto su se tačno pekarima toliko dopale Chrisove ideje?

Jedna od najboljih karakteristika Light Table je mogućnost rada sa dokumentacijom dok pišete kod. Da biste vidjeli opis funkcije, jednostavno zadržite pokazivač miša iznad nje. Editor će odmah pronaći i prikazati dokumentaciju za traženu funkciju ili parametar (u slučaju ugrađenih metoda) ili će prikazati prethodni opis funkcije ostavljen direktno u kodu. Ovo donekle podsjeća na autocomplete, koje se koristi u Microsoftovom razvojnom okruženju Visual Studio, ali mnogo dublje i moćnije.

Druga ubojita karakteristika se može nazvati trenutnim izvršavanjem funkcija tokom pisanja koda. Ovo vam omogućava da isprobate različite uslove unosa u režimu za otklanjanje grešaka i vidite ne samo rezultat, već i kako varijable teku kroz ceo kod. Ovo je također prilično korisna stvar, posebno kada niste sigurni u rezultat izvršavanja bilo kojeg dijela koda.

Treća karakteristika Light Table je njegova jedinstvena sposobnost organiziranja koda u takozvane tabele. Oni su logički potpuni blokovi koda kroz koje možete vizualizirati interakciju pojedinačnih programskih funkcija. Koristeći ovu funkciju, vrlo je zgodno podijeliti datoteku u nekoliko nezavisnih funkcionalnih blokova i raditi s njima, praveći neku vrstu prave kontrolne ploče od koda. Još jedna zgodna karakteristika je inteligentno isticanje blokova - u ovom slučaju, šanse da se zbunite u već jasnom toku rada su ravne nuli.

Uprkos svojoj prilično neobičnoj filozofiji, Light Table je nesumnjivo urednik nove generacije. Njegov trik nije u tome što je napisan u modernim tehnologijama, već u promjeni samog pristupa procesu razvoja složenog softvera. Vjerovatno nećete osjetiti pravu moć Light Table kada radite s jednostavnim JS skriptama, ali za malo složenije projekte će postati nezamjenjiv alat. Samo se treba naviknuti na to. Ali ovo neće biti lako.

Lime

Cijeli Lime se može opisati jednom jedinom, ali dobro poznatom Bobukovom frazom - sjaj i siromaštvo otvorenog koda. Projekat, koji je prošle godine započeo Fredrik "quarnster" Ehnbom, rješava jedan, ali jasan zadatak: kreiranje konstruktora otvorenog koda po ugledu na Sublime Text. Razlog za ovu želju je jasan - autor, vatreni obožavatelj Sublimea, bio je nezadovoljan sporim razvojem projekta i nedostatkom banalnih ispravki grešaka za prethodne verzije. Ispostavilo se da je ideja bila bliska nekoliko desetina istomišljenika i ubrzo je objavljena prva verzija Limea.

Prva stvar koja vas odbija kada se upoznate sa ovim uređivačem je odsustvo barem nekog privida binarnih paketa. Općenito, logika ove odluke je jasna: Lime nije jedna aplikacija, već skup odvojenog pozadinskog dijela u Go-u i nekoliko frontendova koje možete izabrati. Međutim, to ne čini ništa lakšim - pokušaj da se Lime brzo pokrene na posao pretvara se u uzbudljivo petljanje s Go ovisnostima, konfiguracijama i drugim životnim radostima.

Što se tiče rada u ovom uređivaču, trenutno je to iskreno nezgodno i, zapravo, nema ništa jedinstveno za napisati ovdje. Lime se još ne može pohvaliti čak ni onim karakteristikama koje drugi uređivači teksta uzimaju zdravo za gotovo. Čini se da programeri još uvijek mnogo više pažnje posvećuju arhitekturi aplikacije i čistoći koda nego funkcionalnosti. Situaciju donekle spašava delimična kompatibilnost sa Sublime API-jem (i nekim delovima TextMate-a, respektivno), ali uprkos tome, Lime i dalje ima velikih problema sa upotrebljivošću.

Općenito, danas Lime ostavlja pomiješan utisak. Mora biti sjajno kada je vaš radni alat potpuno otvorenog koda i tako fleksibilan. Ali budimo iskreni prema sebi: koliko nas bi ikada pomislilo da prepiše prednji kraj našeg uređivača teksta? Koliko bi od nas čak i pomislilo da sami sebi razviju uređivač teksta zbog neke neugodnosti, umjesto da koriste ovaj alat za njegovu namjenu – naime da u njemu pišemo vlastite programe? Za većinu programera (posebno one koji ne pate od Stallmanove bolesti mozga), funkcionalnost Sublime Texta i njegovog sistema dodataka dovoljna je za rješavanje svakodnevnih problema. I, da budem iskren, tokom nekoliko godina svakodnevnog rada u Sublimeu, nisam naišao ni na jednu superkritičnu grešku za koju nisam mogao pronaći vlastito rješenje. Tako dalje u ovoj fazi Lime je zaista prikladan samo za okorjele fanove otvorenog koda s ogromnom količinom slobodnog vremena i željom da ovaj svijet učine malo boljim.

Adobe Brackets

Brackets je prilično mlad (razvoj je u toku od 2011. godine), ali zanimljiv projekat kompanije Adobe. Njegov cilj je jednostavan - stvoriti minimalističko i udobno razvojno okruženje koje bi zahtijevalo minimum napora od strane programera. U mom sjećanju već je postojao popriličan broj projekata sličnih ciljeva. Da vidimo da li je Adobe, uz pomoć zajednice, uspeo da uradi nešto zanimljivo na ovom polju.

Iznenađujuće, Brackets je ispao prilično dobro. Sve što vam treba radi iz kutije (nakon Lime-a, čak i ovo postaje plus u određenom smislu). Projekat zaista rješava svoj problem glavni zadatak- olakšava pisanje koda, iako to čini praktično bez suštinski novih pristupa. I usput, u tome nema ništa loše.

Zagrade su napisane u HTML/JS (hvala ne Flashu ili Adobe AIR :)), tesno integriranim sa Node.js. Spolja, van kutije, ostavlja veoma povoljan utisak (iako ne bez dodira igračke). Ono što me očaralo od prvog pritiska je neverovatno autodovršavanje za HTML/CSS/JS/jQuery. Zaista je pametan i također sadrži puno lijepih sitnica (na primjer, ugrađeni birač boja ili alat za odabir prijelaza u CSS-u).

Ali glavna ubilačka karakteristika za mene je bilo inline uređivanje povezanih sekcija koda. Ovo je prilika da pogledate i uredite, recimo, skup CSS svojstava po svojoj klasi ili ID-u direktno iz HTML datoteke izgleda u zasebnom području. Brackets analizira strukturu vašeg projekta u realnom vremenu, gradi stablo zavisnosti i omogućava vam da pišete međuzavisne delove koda bez napuštanja glavnog konteksta datoteke. Priznajem, upravo ovakvu funkcionalnost sam kreirao prije par godina u svom jednostavnom uređivaču teksta (siguran sam da nisam jedini). Dakle, takva karakteristika je dobra vijest. Ostale karakteristike uključuju brzi pristup dokumentaciji (iako nije tako detaljan kao Light Table), JSLint iz kutije i lijepi upravitelj dodataka. Iako se, naravno, Brackets još ne može pohvaliti takvim obiljem paketa kao što je Sublime.

Sve u svemu, iako podržava određeni stepen podrške za, na primjer, Ruby ili Python, Brackets je prvenstveno namijenjen front-end programerima. Savršeno će se nositi sa potrebama dizajnera izgleda, ostavljajući na neki način čak i specijalizovane IDE za sobom. U njemu nećete pronaći ništa revolucionarno novo, osim inline uređivanja koda. Međutim, ono što postoji, napravljeno je savjesno i sa dušom. Ako uglavnom dizajnirate ili pišete klijentski kod na ne previše kompliciranom steku, sasvim je moguće da će zagrade biti po vašem ukusu.

Zed

Zed je prilično hipsterski uređivač teksta koji također pokušava ponovo zamisliti moderni proces razvoja softvera. Ako Light Table pokušava promijeniti sam princip razvoja, onda je Zed uglavnom ograničen na eksperimente sa interfejsom. Razvoj je započeo 2011. godine, a danas je Zed dostupan na službenoj web stranici u obliku binarnih datoteka za glavne platforme, kao i kao aplikacija za Chrome Web Store.

Prva stvar koja vam upada u oči kada se upoznate sa Zed-om je odsustvo poznatih elemenata interfejsa poput stabla projekta ili kartica. Prilično kontroverzan korak, tokom razvoja često je mnogo lakše kretati se strukturom projekta koristeći drvo. Ali u nedostatku kartica postoji nešto racionalno: obično kada radite s velikim projektima broj otvorene kartice raste eksponencijalno, a nakon samo pola sata rada morate stalno prolaziti kroz njih, zatvarajući ono s čime trenutno ne radite. U Zed-u, navigacija kroz projekat se vrši ili direktnim skokom na potreban fajl u projektu po imenu (Ctr/Cmd + E) kroz malu konzolu na vrhu aplikacije.

Druga nezaboravna karakteristika Zed-a je njegov naglasak na interfejsu sa više kolona. Editor podržava nekoliko fiksnih opcija za podjelu radnog prostora - 50/50%, 25/75% i tako dalje. Vrijedi napomenuti da je drugi (ili čak treći) stupac namijenjen ne samo za istovremeno uređivanje nekoliko datoteka, već i za trenutni pregled koda na jezicima koji zahtijevaju obradu (kao što su Markdown ili CoffeeScript).

Kada radite sa Zed-om, zaista možete osjetiti njegov fokus na daljinsko uređivanje. Dakle, izvan kutije ima odličnu podršku za uređivanje datoteka sa Dropboxa ili direktno u udaljeni server i podržava sesije. Ali upravo kao urednik, Zed je veoma siromašan. Njegovo ugrađeno automatsko dovršavanje je bazirano na rječniku, nema zgodne alate za rad s ekstenzijama i ne dozvoljava vam da prilagodite korisničko sučelje kako želite. Mada, to verovatno nije ono o čemu Zed priča.

Inače, treba napomenuti da je Zed veoma promišljen. Ponekad se aplikacija prilično dugo zamrzne i izgubi svaki odziv, što, naravno, ne dodaje pogodnost već prilično neobičnom iskustvu.

Sve u svemu, Zed je čudan i definitivno nije za svakoga. Ako se ne zamarate beskrajnim prilagođavanjem korisnički interfejs, brinete o prenosivosti, mogućnosti stabilnog uređivanja datoteka na udaljenom serveru i spremni ste da isprobate nešto neobično, možete se poigrati. Ali Zed očito nije prikladan za svakodnevno kodiranje.