Come creare profili di codice in VSCode

Questo post racconta il lavoro svolto da @avanslaars, collega istruttore di egghead.io. Ha condiviso questo in Slack testa d'uovo qualche tempo fa e non sono mai riuscito a metterlo su da solo.

Ora sto configurando un nuovo laptop e ho deciso di provarlo. Seguendo il repo di Andy qui, ti guiderò attraverso il processo in modo che tu possa seguirlo.

Prima di iniziare, un "profilo di codice" è essenzialmente una settings.jsonconfigurazione diversa . Puoi anche personalizzare le estensioni da caricare per profilo di codice, ma questo va oltre lo scopo di questo articolo.

1. Crea una code_profilesdirectory

La prima cosa che dobbiamo fare è creare un luogo in cui memorizzare le nostre "impostazioni del profilo". Non deve essere chiamato code_profiles, ma useremo quel termine dato che lo fa Andy e suona bene.

Mantiene il suo alla radice del suo computer, quindi faremo lo stesso:

# From the root of your computer ~/ mkdir code_profiles 

Dopo aver finito, cdin quella directory:

cd code_profiles 

2. Crea il tuo primo profilo

Dato che lo userò per le registrazioni di egghead, creerò una nuova directory chiamata egghead:

# mkdir name-of-profile mkdir egghead 

Quindi cdin quella directory:

cd egghead 

3. Aggiungi il tuo settings.json

VSCode si aspetta una datadirectory con una Usersottodirectory. Lì inseriremo le nostre impostazioni:

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

Dopo averli creati, passa a quella nuova Usersottodirectory e crea il tuo settings.jsonfile:

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

Quindi apri il tuo settings.jsonfile e aggiungi le tue impostazioni. Aggiungerò una versione modificata di ciò che Andy ha nel suo:

{ "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. Prova il tuo nuovo profilo di codice

Ora assicuriamoci di aver fatto tutto bene. Supponendo che tu abbia già configurato VSCode per [lanciarlo dalla riga di comando] (// code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line, possiamo avviare il nostro nuovo profilo eseguendo:

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

E se ha funzionato, dovresti vedere VSCode aperto con le tue impostazioni:

screenshot di vscode con nuove impostazioni

5. Crea un alias per il tuo profilo.

Non so voi, ma non voglio dover ricordare, code --user-data-dir ...quindi seguiamo il consiglio di Andy e creiamo un alias.

Lo sto usando, zshquindi aggiungerò questo alias al mio .zshrcfile in questo modo usando la parola chiave "insegnare":

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

Ora, quando vuoi usare questo profilo codice, tutto ciò che devi fare è digitare:

teach ~/projects/lesson 

Woohoo! E questo è tutto.

Un ringraziamento speciale a @avanslaars per aver condiviso questo. Ecco un link al suo code_profilesrepository dove ho imparato come farlo.

NOTA : Se stai usando VSCode in modalità Portable, c'è un bug noto in cui il flag user-data-dirattualmente non funziona (un ringraziamento speciale a @myfonj per averlo segnalato).

###

Questo post è apparso per la prima volta su DEV.

? Shameless Plug: se desideri vedere più contenuti come questo, iscriviti alla mia newsletter: //buttondown.email/jsjoeio