Kako stvoriti profile koda u VSCode

Ovaj post povlači posao @avanslaars koji je kolega instruktor na egghead.io. Podijelio je ovo s "Glavicom jaja" prije nekog vremena i nikad nisam uspio ovo sam postaviti.

Sada postavljam novi laptop i odlučio sam ga istrenirati. Slijedeći Andyev repo ovdje, provest ću vas kroz postupak kako biste mogli pratiti.

Prije nego što započnemo, "profil koda" u osnovi je drugačija settings.jsonkonfiguracija. Također možete prilagoditi koja se proširenja učitavaju po profilu koda, ali to je izvan dosega ovog članka.

1. Stvorite code_profilesdirektorij

Prvo što moramo učiniti je stvoriti mjesto za pohranu naših "postavki profila". Ne mora se zvati code_profiles, ali koristit ćemo taj izraz od Andyja i zvuči lijepo.

Svoje drži u korijenu svog računala, pa ćemo i mi učiniti isto:

# From the root of your computer ~/ mkdir code_profiles 

Nakon što završite, cdu taj direktorij:

cd code_profiles 

2. Stvorite svoj prvi profil

Budući da ću ovo koristiti za snimanje glava jaja, stvorit ću novi direktorij pod nazivom egghead:

# mkdir name-of-profile mkdir egghead 

Zatim cdu taj direktorij:

cd egghead 

3. Dodajte svoje postavke.json

VSCode očekuje datadirektorij s Userpoddirektorijom. Tamo ćemo smjestiti naše postavke:

# -p will create parent directories as needed mkdir -p data/User 

Nakon što se kreiraju, promijenite se u taj novi Userpoddirektorij i izradite svoju settings.jsondatoteku:

# Go into that directory cd data/User # Create your settings file touch settings.json 

Zatim otvorite settings.jsondatoteku i dodajte u postavkama. Dodati ću izmijenjenu verziju onoga što Andy ima u svom:

{ "editor.tabSize": 2, "editor.quickSuggestions": false, "editor.parameterHints": false, "editor.suggestOnTriggerCharacters": false, "editor.hover": false, "editor.fontSize": 18, "editor.tabCompletion": true, "window.zoomLevel": 1, "workbench.colorTheme": "Night Owl", "editor.cursorBlinking": "solid", "editor.cursorStyle": "line", "editor.minimap.renderCharacters": false, "terminal.integrated.fontSize": 16, "explorer.openEditors.visible": 0 } 

4. Testirajte svoj novi profil koda

Sad se pobrinimo da smo sve učinili kako treba. Pod pretpostavkom da ste VSCode već postavili za [pokretanje iz naredbenog retka] (// code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line, možemo pokrenuti novi profil pokretanjem:

# replace CODE_PROFILE_NAME with the profile name used earlier code --user-data-dir ~/code_profiles/CODE_PROFILE_NAME/data 

A ako je uspjelo, trebali biste vidjeti VSCode otvoren s vašim postavkama:

snimka zaslona vscode s novim postavkama

5. Stvorite alias za svoj profil.

Ne znam za vas, ali ne želim se sjećati, code --user-data-dir ...pa poslušamo Andyev savjet i stvorimo alias.

Koristim, zshtako da ću dodati ovaj pseudonim u svoju .zshrcdatoteku na takav način koristeći ključnu riječ "poučiti":

# replace CODE_PROFILE_NAME with the profile name used earlier alias teach="code --user-data-dir ~/code_profiles/CODE_PROFILE_NAME/data" 

Sada, kada želite koristiti ovaj profil koda, sve što morate učiniti je upisati:

teach ~/projects/lesson 

Woohoo! I to je to.

Posebno zahvaljujem @avanslaars što je ovo podijelio. Evo veze na njegov code_profilesrepo gdje sam naučio kako se to radi.

NAPOMENA : Ako VSCode koristite u prijenosnom načinu rada, poznata je pogreška kod koje zastava user-data-dirtrenutno ne radi (posebna hvala @myfonj što je na to ukazao).

###

Ovaj se post prvi put pojavio na DEV-u.

? Besramni utikač: ako želite vidjeti više ovakvog sadržaja, pretplatite se na moj bilten: //buttondown.email/jsjoeio