Această postare se oprește din munca realizată de @avanslaars care este coleg instructor la egghead.io. El a împărtășit acest lucru în Slack-ul cu ceva timp în urmă și nu am reușit niciodată să pregătesc asta.

Acum, înființez un laptop nou și am decis să-l fotografiez. În urma lui Andy repo aici, Am de gând să vă ghidez prin proces, astfel încât să puteți urmări de-a lungul.

Înainte de a începe, un „profil de cod” este esențial diferit settings.json configurare. De asemenea, puteți personaliza ce extensii se încarcă pentru fiecare profil de cod, dar acest lucru depășește sfera acestui articol.

1. Creați un code_profiles director

Primul lucru pe care trebuie să-l facem este să creăm un loc pentru stocarea „setărilor profilului” nostru. Nu trebuie chemat code_profiles, dar vom folosi acel termen de când îl face Andy și sună frumos.

El îl ține la rădăcina computerului său, așa că vom face la fel:

ad-banner
# From the root of your computer ~/
mkdir code_profiles

După ce ai terminat, cd în acel director:

cd code_profiles

2. Creați-vă primul profil

Întrucât voi folosi acest lucru pentru înregistrări egghead, voi crea un nou director numit egghead:

# mkdir name-of-profile
mkdir egghead

Atunci cd în acel director:

cd egghead

3. Adăugați settings.json

VSCode așteaptă un data director cu un User subdirector. Acolo, vom plasa setările noastre:

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

După ce acestea sunt create, schimbați în acel nou User subdirector și creați settings.json fişier:

# Go into that directory
cd data/User

# Create your settings file
touch settings.json

Apoi deschide-ți settings.json fișier și adăugați în setările dvs. Voi adăuga o versiune modificată a ceea ce Andy are în a lui:

{
  "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. Testați noul profil de cod

Acum să ne asigurăm că am făcut totul bine. Presupunând că ați configurat deja VSCode pentru [launch from the command line](https://code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line, putem lansa noul nostru profil rulând:

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

Și dacă a funcționat, ar trebui să vedeți VSCode deschis cu setările:

captură de ecran a vscode cu setări noi

5. Creați un alias pentru profilul dvs.

Nu știu despre tine, dar nu vreau să-mi amintesc code --user-data-dir ... deci să luăm sfatul lui Andy și să creăm un alias.

eu folosesc zsh așa că am de gând să adaug acest alias la .zshrc fișier așa folosind cuvântul cheie „predă”:

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

Acum, când doriți să utilizați acest profil de cod, tot ce trebuie să faceți este să tastați:

teach ~/projects/lesson

Woo hoo! Si asta e.

Mulțumiri speciale lui @avanslaars pentru partajarea asta. Iată un link către al său code_profiles repo unde am învățat cum să fac asta.

NOTĂ: Dacă utilizați VSCode în modul portabil, există un bug cunoscut unde steagul user-data-dir nu funcționează în prezent (mulțumiri speciale pentru @myfonj pentru că a subliniat acest lucru).

###

Această postare a apărut prima dată pe DEV.

? Plug Shameless: dacă doriți să vedeți mai mult conținut de acest gen, abonați-vă la newsletter-ul meu: https://buttondown.email/jsjoeio