Ako synchronizovať nastavenia VS kódu medzi viacerými zariadeniami a prostrediami

Všetci vývojári majú radi ich textový editor určitým spôsobom, ale môže byť ťažké zaistiť, aby všetky vaše prostredia mali rovnakú konfiguráciu. Ako môžeme zaistiť, aby bola naša konfigurácia VS kódu rovnaká všade, kde ju používame?

  • Čo je VS kód?
  • Čo použijeme?
  • Ako to funguje?
  • Krok 1: Nainštalujte synchronizáciu nastavení
  • Krok 2: Autorizujte prístup do služby Github
  • Krok 3: Nahrajte svoje aktuálne nastavenia
  • Krok 4: Synchronizácia konfigurácie do iného prostredia
  • Krok 5: Aktualizácia konfigurácie

Čo je VS kód?

Visual Studio Code alebo VS Code je komplexný editor kódov, ktorý z práce s kódom vyradí všetky funkcie, ktoré chcete, a vloží ich do jedného editora, vďaka ktorému budete produktívni.

Už malú chvíľu je to „cool kid on the block“ a čoraz viac rastie popularita aspoň v komunite JavaScriptu. Spoločnosť Microsoft vynaložila veľké úsilie na to, aby z toho urobila niečo, čo ľudia chcú používať (a v tom odvádzajú skvelú prácu).

Čo použijeme?

Použijeme rozšírenie VS Code s názvom Settings Sync, ktoré využíva funkciu Github's Gist na ukladanie súkromného konfiguračného súboru JSON do cloudu.

Ako to funguje?

Rozšírenie používa na prihlásenie do vášho účtu Github OAuth spoločnosti Github. Po schválení získa VS Code prístupový token a dostane sa k uloženiu a stiahnutiu vášho súboru nastavení do súkromného Github Gist.

Po nastavení môžete rozšírenie nakonfigurovať na ľubovoľnej inej inštancii VS Code a okamžite prevziať konfiguráciu na synchronizáciu editora.

Krok 0: VS kód

Predpokladáme, že pre tento návod máte VS Code už nainštalovaný. Aj keď nemusíte mať žiadnu špeciálnu konfiguráciu, niečo iné ako predvolené (napríklad farebný motív) vám pomôže vidieť, že to funguje.

Začnime!

Krok 1: Nainštalujte synchronizáciu nastavení

Prvá vec, ktorú musíme urobiť, je nainštalovať rozšírenie. Môžete to urobiť niekoľkými spôsobmi - môžete navštíviť webovú stránku a kliknúť na Inštalovať, čím sa otvorí VS Code, alebo môžete rozšírenie vyhľadať na paneli Rozšírenia.

Po inštalácii sa otvorí nová karta s informačným panelom Synchronizácia nastavení.

Krok 2: Autorizujte prístup do služby Github

Ak chcete začať používať Github, kliknite na tlačidlo Prihlásiť sa pomocou Github na hlavnom paneli Synchronizácia nastavení.

Týmto sa otvorí Github vo vašom predvolenom webovom prehliadači a zobrazí sa výzva na prihlásenie. Aj keď môžete použiť ľubovoľný účet Github, ktorý chcete, bude pravdepodobne mať najväčší zmysel použiť váš osobný účet.

Po prihlásení by sa mala zobraziť položka Úspech! v prehliadači.

Krok 3: Nahrajte svoje aktuálne nastavenia

Teraz, keď ste pripojení k službe Github, ste pripravení odovzdať svoje nastavenia.

Otvorte paletu príkazov pomocou klávesov CMD + Shift + P (v systéme Mac) alebo prejdite do ponuky Zobraziť a paleta príkazov. Zadajte príkaz „Sync Upload“, ktorý filtruje príkazy a po výbere možnosti Sync: Update / Upload Settings stlačte kláves Enter .

Pri tom sa vám môže zobraziť výzva s obrazovkou s otázkou, či chcete vynútiť načítanie - stlačte Áno .

V tomto okamihu vytvorí Synchronizácia nastavení vo vašom účte Github nový zoznam Gist s vašimi konfiguračnými nastaveniami. Po dokončení by sa mala zobraziť správa o úspechu.

Teraz by ste mali byť schopní navštíviť stránku gist.github.com a nájsť nový súkromný zoznam cloudSettingsGist, ktorý obsahuje všetky vaše nastavenia VS kódu!

Krok 4: Synchronizácia konfigurácie do iného prostredia

Ak chcete synchronizovať svoju konfiguráciu VS Code s iným počítačom alebo prostredím VS Code, musíte najskôr vykonať kroky 1 a 2 uvedené vyššie - inštalácia rozšírenia a prihlásenie do služby Github.

Rozdiel je v tomto prípade, budete chcieť nakonfigurovať VS Code tak, aby sťahoval vaše nastavenia namiesto ich nahrávania.

Ak chcete začať, najskôr otvorte zálohovať informačný panel Nastavenia synchronizácie. Ak sa jedná o novú inštaláciu, ako tu predpokladáme, môžete otvoriť paletu príkazov a zadať príkaz „synchronizovať stiahnutie“ a stlačiť kláves Enter, čím sa otvorí tento informačný panel. Tu kliknite tentokrát na Upraviť konfiguráciu .

Na tejto obrazovke by ste mali vidieť svoj prístupový token Github , ale tiež by ste mali vidieť prázdne pole pre identifikáciu Gist. Tu chceme najskôr získať ID z našej adresy URL zoznamu cloudSettings:

A potom vložte túto hodnotu do nášho vstupu Gist ID vo VS kóde.

Hneď ako tam budete, môžete znova otvoriť Paletu príkazov, napísať „sync download“ a stlačiť kláves Enter. Nastavenia synchronizácie načítajú vašu konfiguráciu VS Code zo zoznamu a aktualizujú vaše miestne nastavenia pomocou tejto konfigurácie!

Krok 5: Aktualizácia konfigurácie

Od tejto chvíle budete kedykoľvek chcieť vykonať novú zmenu v uloženej konfigurácii a budete chcieť použiť funkcie Aktualizácia / Nahranie aj Stiahnutie, ktoré sme použili vyššie.

Ak chcete aktualizovať novú konfiguráciu, zadajte príkaz „sync update“ a stlačte kláves Enter:

Ak chcete stiahnuť konfiguráciu na synchronizáciu s iným editorom, zadajte príkaz „sync download“ a stlačte kláves Enter:

Tieto príkazy aktualizujú váš zoznam nastavení cloudu a stiahnu ho z neho, aby sa synchronizovali vaše inštancie VS kódu

Aký je váš obľúbený trik VS Code?

Podeľte sa so mnou na Twitteri!

Pripojte sa ku konverzácii

Ak ste ako ja, páči sa vám vaše nastavenie @code veľmi špecifickým spôsobom, vrátane vašej témy a rozšírení? ‍?

Ak však manipulujete s rozdielnymi prostrediami, môže byť pre nich bolestivé aktualizovať ich všetky? ‍♂️

Tu je postup, ako synchronizovať nastavenia VS kódu pre všetky veci? # Webdev // t.co / RRjwiU8Sul

- Colby Fayock (@colbyfayock) 16. júna 2020

Choďte za mnou a získate ďalšie Javascript, UX a ďalšie zaujímavé veci!

  • ? Sleduj ma na Twitteri
  • ? ️ Prihlásiť sa na odber môjho Youtube
  • ✉️ Zaregistrujte sa na odber môjho bulletinu