Tuturor dezvoltatorilor le place editorul de text într-un anumit fel, dar poate fi dificil să vă asigurați că toate mediile dvs. au aceeași configurație. Cum ne putem asigura că configurația codului nostru VS este aceeași oriunde o folosim?

  • Ce este codul VS?
  • Ce vom folosi?
  • Cum functioneazã?
  • Pasul 1: Instalați Setări sincronizare
  • Pasul 2: autorizați accesul la Github
  • Pasul 3: încărcați setările curente
  • Pasul 4: sincronizarea configurației dvs. cu un alt mediu
  • Pasul 5: Actualizarea configurației

Ce este codul VS?

Cod Visual Studio, sau VS Code, este un editor de coduri all-inclusive care elimină toate funcțiile pe care le doriți să nu mai lucreze cu codul și le pune într-un singur editor pentru a vă face ultra productiv.

Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Editor de cod VS

A fost „copilul drăguț din bloc” de ceva timp și a crescut din ce în ce mai mult în popularitate cel puțin în comunitatea JavaScript. Microsoft a depus mult efort pentru a face din asta ceva ce oamenii doresc să folosească (și fac o treabă excelentă în acest sens).

Ce vom folosi?

Vom folosi o extensie de cod VS numită Setări sincronizare care folosește cele ale lui Github Gist caracteristică pentru a stoca un fișier de configurare JSON privat în cloud.

Cum functioneazã?

Extensia utilizează OAuth-ul Github pentru a vă conecta la contul dvs. Github. Odată aprobat, VS Code obține un jeton de acces și ajunge atât la magazin, cât și la descărcarea fișierului de setări într-un Github Gist privat.

Odată configurat, puteți configura extensia pentru orice altă instanță a codului VS și puteți descărca imediat configurația pentru a vă sincroniza editorul.

Pasul 0: Cod VS

Vom presupune că pentru această prezentare aveți deja codul VS instalat. Deși nu trebuie să aveți nicio configurație specială, aveți ceva diferit de cel implicit (cum ar fi tema culorii) vă va ajuta să vedeți cum funcționează.

Să începem!

Pasul 1: Instalați Setări sincronizare

Primul lucru pe care trebuie să-l facem este să instalăm extensia. Poți sa faci asta câteva moduri – poți vizita pagina web și a lovit Instalare care va deschide codul VS sau puteți căuta extensia în panoul Extensii.

1612022109 859 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
VS Code Settings Sync extension

Odată instalat, va deschide o filă nouă cu tabloul de bord Setări sincronizare.

1612022109 181 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Setări Sincronizați tabloul de bord după instalare

Pasul 2: autorizați accesul la Github

Pentru a începe cu Github, faceți clic pe Conectați-vă cu Github din tabloul de bord Setări sincronizare.

1612022109 209 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Conectați-vă la Setări Sincronizare cu Github

Aceasta va deschide Github în browserul dvs. web implicit și vă va cere să vă conectați. Deși puteți utiliza orice cont Github doriți, probabil că ar avea cel mai mult sens să utilizați contul dvs. personal.

1612022109 832 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Conectare Github reușită la Sincronizare setări

După ce te-ai conectat, ar trebui să vezi acum Succes! în browserul dvs.

Pasul 3: încărcați setările curente

Acum că sunteți conectat la Github, sunteți gata să încărcați setările.

Deschideți-vă Paletă de comandă cu CMD + Shift + P (pe Mac) sau navigați la Vizualizare și Paletă de comandă. Tastați „Sincronizare încărcare”, care va filtra comenzile și va apăsa pe Enter odată ce Sincronizare: actualizare / încărcare setări este selectată opțiunea.

1612022109 479 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Comanda Actualizare / Încărcare setări din Setări sincronizare

Când faceți acest lucru, vi se poate solicita un ecran care vă întreabă dacă doriți să forțați încărcarea – apăsați da.

1612022109 788 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Forțați încărcarea setărilor noi în Setări sincronizare

În acest moment, Settings Sync va crea un nou Gist în contul dvs. Github cu setările de configurare. După ce ați terminat, ar trebui să vedeți un mesaj de succes.

1612022109 854 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Setările reușite se încarcă în Setări sincronizare

Acum ar trebui să puteți vizita gist.github.com și găsiți un nou privat cloudSettings Aspect care include toate setările codului VS!

Pasul 4: sincronizarea configurației dvs. cu un alt mediu

Pentru a sincroniza configurația codului VS cu un alt computer sau mediu VS Code, trebuie să urmați mai întâi pașii 1 și 2 de mai sus – instalarea extensiei și conectarea la Github.

Diferența este că de data aceasta, veți dori să configurați codul VS pentru a descărca setările în loc să le încărcați.

Pentru a începe, deschideți mai întâi o copie de rezervă a tabloului de bord al setărilor de sincronizare. Dacă aceasta este o instalare nouă, așa cum presupunem aici, puteți deschide Paleta de comandă și tastați „sincronizare descărcare” și apăsați Enter care va deschide tabloul de bord. Aici, faceți clic Editați configurația de data asta.

1612022109 829 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Editați configurația Sincronizare setări

Pe acest ecran, ar trebui să vedeți Jeton de acces Github, dar ar trebui să vedeți și un câmp gol pentru ID-ul Gist. Aici, vrem să preluăm mai întâi ID-ul de pe adresa noastră URL CloudSettings Gist:

1612022109 708 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
VS Code cloudSetings Gist ID

Și apoi lipiți această valoare în interiorul nostru ID Gist intrare în codul VS.

1612022109 420 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Adăugarea ID-ului Gist la configurația Sincronizare setări

Odată ajuns acolo, puteți deschide din nou Paleta de comandă, tastați „sincronizare descărcare” și apăsați pe Enter, iar Setările de sincronizare vă vor prelua configurația codului VS din Gist și vă vor actualiza setările locale cu acea configurație!

Pasul 5: Actualizarea configurației

De aici înainte, oricând doriți să faceți o nouă modificare a configurației stocate, veți dori să utilizați atât funcțiile de actualizare / încărcare, cât și descărcare, cum am folosit mai sus.

Pentru a actualiza o nouă modificare la configurația dvs., tastați „sincronizare actualizare” și apăsați Enter:

1612022109 722 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Actualizați comanda pentru Setări sincronizare

Și pentru a descărca configurația dvs. pentru a sincroniza un alt editor, tastați „sincronizare descărcare” și apăsați Enter:

1612022109 309 Cum sa sincronizati setarile codului VS intre mai multe dispozitive
Descărcați comanda de setări pentru Setări sincronizare

Aceste comenzi vă vor actualiza ambele cloudSettings Gist și le vor descărca din acesta pentru a vă sincroniza instanțele de cod VS

Care este trucul tău preferat VS Code?

Distribuie-l cu mine pe Twitter!

Alatura-te conversatiei