Vďaka Live Share sme si (v kóde) bližší 😷

Neboj sa, toto nebude ďalší článok s tipmi ako pracovať z domu

Viktor Daňko
SUPERKODERS
3 min readMar 26, 2020

--

U nás razíme trošku konzervatívnejší prístup k dochádzke do kanclu ako vo väčšine vyhajpovaných, časovo flexibilných, pet-friendly a bohvieAkých VšetkýchHRBuzzwordPrívlastkoch firiem. Samozrejme, máme to tiež vo svojom repertoári, ale fakt, že sa snažíme byť v kancli čo najčastejšie, nám dáva ohromnú silu a zvyšuje efektivitu pri riešení problémov.

Dnes, v časoch, kedy nám aj vláda nariaďuje sociálne dištancovanie, sa pre nás situácia zmenila a my sme sa jej prispôsobili.

Tŕň z päty nám vytiahlo spojenie video hovoru a doplnku Live Share do VS Code.

Live Share 🚀

V skratke — nástroj, ktorý umožnuje spoluprácu viacerých osôb s pohodlím vašich vlastných nastavení VS Code.
Tvoji spolupracovníci majú rovnaký prístup projektu tak, ako keby sedeli na tvojej stoličke. Ale! Pritom sedia na svojej, s vlastnou klávesnicou a svojim vyladeným editorom.

Prečo?

  • vidíš cudzí projekt u seba, so svojimi nastaveniami, vrátane farebnej témy a všetkým, na čo si zvyknutý/á
  • nemusíš si sťahovať a rozbiehať celý projekt — funguješ na zdieľanom localhoste (neskúšali sme projekty na PHPku)
  • vidíš všetky zmeny hneď a po ukončení spolupráce, ostávajú u teba
  • používanie je veľmi intuitívne a jednoduché

Párové kódenie alebo revízia kódu priamo v editore? Pf, brn-ka-čka!
Pracovný pohovor priamo nad kódom? 🤔

Inštalácia ⚙️

Potrebuješ len 3 veci:

  1. Doplnok do VSC
  2. Účet na Github / Microsoft
  3. Ďalších ľudí k pripojeniu :]

Prihlásenie 👤

Klikni na odkaz v spodnom riadku „Live Share“ alebo stlač kombináciu klávesov Ctrl + Shift + P / Cmd + Shift + P a vyber príkaz „Live Share: Sign In With Browser“.
Možností k prihláseniu je viacero.

Odkaz v spodnom riadku pre prihlásenie sa do Live Share

Použitie 💻

Po úspešnej inštalácii doplnku ti v ľavom paneli pribudne ikona, v ktorej sa skrývajú všetky funkcie doplnku.

Ikonka Live Share

Štart

Pred samotným naštartovaním si doporučujem do editoru ešte nastaviť manuálne schvaľovanie uživateľov. Vieš ako, pre istotu :]

Po kliku na Start collaboration session… sa ti naštartuje kodérska párty ohromných rozmerov a do schránky skopíruje odkaz, ktorý pošleš svojej vyvolenej/vyvolenému/vyvoleným.

V ľavom hornom rohu je vedľa mena názov súboru, ktorý má otvorený. Kliknutím na meno zapínaš/vypínaš focus. To znamená, že pokiaľ je zapnutý, vidíš kedy sa dotyčný/á prepína medzi tabmi a vidíš tiež jak sa posúva po dokumente. NOOICE! 🔥

Jednoduchá ukážka spolupráce — úprava od Jéni

Komunikácia

V extension packu sa nachádza aj možnosť audio hovoru, akurát nám to v beta testovaní fungovalo len jednosmerne. Taktiež môžeš využiť aj Chat channel, čo je super, pretože sa nemusíš nikam prepínať.
V ideálnom prípade budeš s parťákom ale aj tak na dráte.

Koniec. Díky moc za pomoc!

Spoluprácu ukončíš veľmi jednoducho — kliknutím na ikonu v pravom rohu karty VS LIVE SHARE, alebo Ctrl + Shift + P / Cmd + Shift + P a príkazu “Live Share: Stop Collaboration Session”

Ukončenie spolupráce (nie na trvalo, samozrejme)

Na záver

S kľudom angličana môžeš z hlavy vypustiť komunikáciu nad kódom v Slacku.
Pokiaľ ťa to zaujalo, tu je oficiálna dokumentácia, v ktorej nájdeš podrobnejšie info.
Prípadne článok z roku 2018 na smashingmagazine.

A daj si pozor, komu dávaš prístup k zapisovaniu do terminálu (že Vojto!) 🤠

--

--