Kódprofilok létrehozása a VSCode-ban

Ez a bejegyzés visszahúzza a @avanslaars által végzett munkát, aki az egghead.io oktatótársa. Valamikor ezelőtt megosztotta ezt a tojásfejű Slackben, és soha nem jutottam hozzá magamhoz.

Most egy új laptopot állítok fel, és úgy döntöttem, hogy lőni fog. Andy itteni repo-ját követve végigvezetek benneteket a folyamaton, hogy nyomon követhessétek.

Mielőtt elkezdenénk, a "kódprofil" lényegében egy másik settings.jsonkonfiguráció. Azt is testreszabhatja, hogy mely bővítmények töltődnek be kódprofilonként, de ez meghaladja a cikk kereteit.

1. Hozzon létre egy code_profileskönyvtárat

Az első dolog, amit meg kell tennünk, hogy létrehozzunk egy helyet a "profilbeállításaink" tárolására. Nem kell hívni code_profiles, de ezt a kifejezést fogjuk használni, mivel Andy teszi, és szépen hangzik.

A számítógépe gyökerénél tartja, így mi is ezt tesszük:

# From the root of your computer ~/ mkdir code_profiles 

Miután végzett, cdabba a könyvtárba:

cd code_profiles 

2. Készítse el az első profilját

Mivel ezt tojásfejű felvételeknél fogom használni, létrehozok egy új könyvtárat egghead:

# mkdir name-of-profile mkdir egghead 

Ezután cdabba a könyvtárba:

cd egghead 

3. Adja meg a settings.json fájlt

A VSCode datakönyvtárat vár egy Useralkönyvtárral. Ott fogjuk elhelyezni a beállításokat:

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

Ezek létrehozása után váltson át az új Useralkönyvtárra, és hozza létre a settings.jsonfájlt:

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

Ezután nyissa meg a settings.jsonfájlt, és adja hozzá a beállításaihoz. Hozzáadok egy módosított változatot annak, amit Andy tartalmaz:

{ "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. Tesztelje az új kódprofilt

Most ellenőrizzük, hogy mindent jól csináltunk-e. Feltéve, hogy a VSCode-ot már beállította [indítás a parancssorból] (// code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line), elindíthatjuk új profilunkat a futtatással:

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

És ha működött, akkor a VSCode-t nyitva kell látnia a beállításokkal:

képernyőkép a vscode-ról új beállításokkal

5. Hozzon létre egy álnevet a profiljához.

Nem tudok rólad, de nem akarok emlékezni, code --user-data-dir ...ezért fogadjuk meg Andy tanácsát, és hozzunk létre egy álnevet.

Használom, zshígy hozzá fogom adni ezt az álnevet a fájlomhoz, .zshrcpéldául a "tanít" kulcsszóval:

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

Most, amikor ezt a kódprofilt szeretné használni, csak annyit kell tennie, hogy beírja:

teach ~/projects/lesson 

Ju Hú! És ez az.

Külön köszönet @avanslaars-nak, hogy megosztotta ezt. Itt van egy link a code_profilesrepójához, ahol megtanultam, hogyan kell ezt csinálni.

MEGJEGYZÉS : Ha VSCode-t használ hordozható módban, van egy ismert hiba, ahol a zászló user-data-dirjelenleg nem működik (külön köszönet a @myfonj-nak, amiért ezt kihúzta).

###

Ez a bejegyzés először a DEV-n jelent meg.

? Szégyentelen csatlakozó: ha további ilyen tartalmat szeretne látni, iratkozzon fel hírlevelemre: //buttondown.email/jsjoeio