CategoryUžitečné nástroje

Microsoft Visual Studio Code

Alternativně jsem vedle Atomu začal používat Microsoft Visual Studio Code.

Několika prvních postřehů:

  1. Editor je pěkně rýchlý…
  2. Jeho konfigurační možnosti vypadají srovnatelně s Atomem…
  3. Existují stejné pluginy, které používám v Atomu, ale s různými klávesovými zkratkami. Dá se přenastavit a editor pro key-binding je povedený, přehledný…

Jediný problém, na který jsem narazil, nicméně jej hned odstranil bylo, že jsem nemohl v iTermu pohodlně spouštět Code přimo s obsahem daného aktuálního adresáře.
Řešením je přidání následující funkce do .bash_profile a pak už spustíte MSVS Code odkudkoliv jednoduše zadáním příkazu code

ESLint

Dnes jsem přešel z JSHintu na ESLint. Tím asi nejpádnějším důvodem je podpora Reactu, respektive jeho JSX a lepší monžnosti konfigurovatelnosti. Musím ale dodat, že jsem se bránil do poslední chvíle. Důvodem byla třeba rychlost lintování: JSHint mi zdrojáky lintoval rychleji… A tohle je informace, kterou se nikde nedočtete.

Než jsem switchnul, pročetl jsem kde co, abych zjistil, že:

  • JSHint je fork původního JSLintu
  • ESLint je dnes už asi více používaný než JSHint, který je tady nicméně déle
  • velké a významné IT používají ESLint…

ESLint, stejně jako JSHint, fungují dobře jak v Atomu, tak i Sublime, což jsou dnes už jediné editory, které dnes používám (když nepočítám Vim…).

Co se mi asi na ESLintu o trochu víc líbí je jeho konfigurace. Konfigurační soubor můžete mít jak v JSON souboru, tak v JS, ale i v Yamlu. V rámci projektu můžete mít v root adresáři výchozí konfiguraci pro ESLint a v dalších jeho podadresářích můžete mít specifické, upravené konfiguráky dle konkrétní potřeby. Vedle toho můžete použít něčí best-practice vzorový konfigurák, ten použít jako základ a upravit jen to chcete jinak…

V ESLintu samozřejmě funkují inlajnované directivy pro linter vkládané přímo do souborů se zdrojáky, stejně jako v JSHintu.

Instalace

HTTPie

Píšu API server v NodeJS, kde hodně práce zabírá samotné testování funkčnosti, které spočívá v posílání requestů na API server a následně analýzu jejich response.

1. request, jako každý, pošlete z vašeho prohlížeče. Super. Funguje. Pak začnete do hlavičky dopisovat nějaké autorizace, nebo předáváte nějake proměnné a prohlížeč vám přestane ihned stačit. Respektive se musíte přepnout do nějakého Dev rozšíření a někde v oknech vykoukávat co se děje. Pro mě dost nepřehledné a navíc těžko automatizovatelné.

Pak najdete Postman, což je skvělý nástroj na posílání téměř čehokoliv na server s možností sledovat co vám server vrací. Opět se ale jedná o okenní aplikaci, kde se zase hodně kliká. Apka běží na všech OS, je možné jí mít jako rozšíření v Chromu a design je opravdu podařený, protože je hodně materialistický a zaměřený na to co má dělat.

Krokem dál v komunikaci s API serverem, co se efektivity práce samotného zasílání requestů týče, je CURL. Jedná se o nástroj spouštěný z příkazové řádky. Super. Žádná věci navíc, jen URL API server a nějaké parametry na příkazové řádce, které chcete na server poslat. Odměnou je vám respons v textovém tvaru v terminálu. Super. Přesně co chcete. S jedinou připomínkou: výstup je dost nepřehledný a musíte v něm očima hledat, což v případě, že si posíláte zpět nějakou komplexnější strukturu a ještě chcete vidět třeba hlavičky odpovědi je docela nepohodlné a unavuje.

HTTPie

A nakonec jsme našel HTTPie. Skvělý nástroj na příkazové řádce, který se možnostmi plně vyrovná curlu, ale jeho výstup je přímo excelentní. HTTPie běží jak pod Oknama, tak na Macovi, a teké na Linuxex (odzkoušeno na distru Centos a Fedora), podporuje HTTPS a má pěkný JSON parser, včetně barviček pro zvýraznění výstupu. Vše je přehlednější, takže se s tím lépe pracuje a tím pádem jste efektivnější.

Mongotron

Narazil jsem na Mongotron, skvělou aplikaci pro práci s MongoDB. Konkrétně pro práci s daty uloženými někde v Mongu. Sympatické na Mongotronu je to, že je napsaný v JavaScriptu a díky Electronu se tváří jako plnohodnotná desktopová apklikace. Mongotron je vzhledem velice podobný Atomu, takže pokud jste příznivcem Atomu, rychle si Mongotron oblíbíte.

mogotron

Mongotron je OpenSource a je na všech platformách zdarma.

Atom a terminál

Nedovedu si představit, že bych něco vyvíjel a nepoužíval u toho terminál. A je jedno v jaké fázi vývoje: kódování, deploy aplikace na server, práce s git repozitáčem, či cokoliv jiného… Terminál potřebuji stále. A proto vždy spouštím nejdřív xTerm2 a v něm pak Atom.
Mezi jednotlivými aplikacemi přepínám, což není nejpohodlnější a taky nejefektivnější a nejpřehlednější. Vždy musíte řešit jak nastavit okna abyste viděl to co chcete…

No a tady pomůže integrace terminálu přímo do Atomu. Různých pluginu pro Atom existuji více. Většinu z nich jsem opravdu vyzkoušel, abych si nakonec jako nejleší vybral terminal-plus. Krom toho, že opravdu umí vše co od terminálu očekáváte, má skvělou integraci do Atomu. Všechno spolu dobře a pěkně vypadá, radost terminál použít.

atom-terminal-plus

atom-terminal-plus

Plugin má skvělé konfigurační možnosti a dá se nastavit téměř cokoliv. Co mě potěšilo je kompatabilita vyhledu s barevným schématem atom-material-ui, který používám. Bomba je možnost spustit/otevřít více terminálových oken, ty si barevně odlišit a třeba i přejmenovat. Do terminálu se odkudkoliv v editoru pohodlně dostanete klávesovou zkratkou ctrl+`.

Terminál v Atomu je skutečně užitečný plugin, zvyšující efektivitu práce v něm.

Atom, Jade a HTML

Čim déle používám Atom, tím víc se mi líbí… Dneska jsem narazil na skvělý balíček source-preview-pug. Protože na backendu používm Jade, dnes vlastně už Pug (přejmenovaný Jade kvůli nějakým licenčním sporům váznoucím nad jménem) hodí se vidět, jak kód ze šablony bude vypadat v reálném HTML kódu. A přesně tohle balíček dělá: živí náhled jade (pardon, pug) souboru přímo v Atomu:

Snímek obrazovky 2016-05-25 v 20.15.02

V otevřeném okně s pug šablonou stačí pomocí klávesové zkratky CMD+Shift+P a zadat sopre a otevře se vám nové okno s HTML kódem pug šablony. Pokud includujete šablonu s více souborů, žádný problem: výsledný HTML se korektně slinkuje ze všeho co použíjete v pug souboru.

Atom 1.4

Vyšla nová verze Atomu.

Moa, markdown editor

Moa je pěkná, relativně jednoduchá aplikace pro psaná MD souborů. Psal jsem MD přímo v Atomu, ale tohle mi připadá o něco lepší. Můžu se soustředit jen na psaní a nerozptyluje mě vše kolem v Atomu, a tak jsem efektivnější, a proto i rychlejší.

Základní okno aplikace je rozdělené na 2 sloupce. V jednom píšete přímo MD syntax a v druhém online vidíte živý náhled vytvářeného dokumentu. Jednoduché, skvělé.

Vedle toho umí export do HTML a PDF, pro ostatní distribuci vytvořených dokumentů.

mou_512x512@2x

Aleternativou může být online nástroj Stackedit

Testování prohlížečů

Pokud chcete vědět jak si stojí váš internetový prohlížeč v testech, pak se můžete lehce v reálném čase přesvědčít na těchto stránkách jednotlivých testů:

Jetstream
Speedometer
Kraken
Octane
Peacekeeper
HTML5 Test

Vytuňte si svůj Chrome

Hezký návod co a kde poštelovat v Chromu, aby surfování pěkně odsejpalo od ruky.
chrome-64-bit

© 2017 pepa.holla.cz

Theme by Anders NorénUp ↑