Τρόπος δημιουργίας προφίλ κώδικα στον VSCode

Αυτό το post piggybacks από τη δουλειά του @avanslaars, ο οποίος είναι συνάδελφος εκπαιδευτής στο egghead.io. Το μοιράστηκε αυτό στο egghead Slack πριν από λίγο και δεν έφτασα ποτέ να το ρυθμίσω μόνος μου.

Τώρα, δημιουργώ ένα νέο φορητό υπολογιστή και αποφάσισα να το δοκιμάσω. Ακολουθώντας το repo του Andy εδώ, θα σας καθοδηγήσω στη διαδικασία ώστε να μπορείτε να ακολουθήσετε.

Πριν ξεκινήσουμε, ένα "προφίλ κώδικα" είναι ουσιαστικά μια διαφορετική settings.jsonδιαμόρφωση. Μπορείτε επίσης να προσαρμόσετε ποιες επεκτάσεις φορτώνουν ανά προφίλ κώδικα, αλλά αυτό δεν εμπίπτει στο πεδίο εφαρμογής αυτού του άρθρου.

1. Δημιουργήστε έναν code_profilesκατάλογο

Το πρώτο πράγμα που πρέπει να κάνουμε είναι να δημιουργήσουμε ένα μέρος για να αποθηκεύσουμε τις "ρυθμίσεις προφίλ" μας. Δεν χρειάζεται να κληθεί code_profiles, αλλά θα χρησιμοποιήσουμε αυτόν τον όρο από τότε που ο Andy το κάνει και ακούγεται ωραίο.

Διατηρεί τη ρίζα του υπολογιστή του, έτσι θα κάνουμε το ίδιο:

# From the root of your computer ~/ mkdir code_profiles 

Αφού τελειώσετε, cdσε αυτόν τον κατάλογο:

cd code_profiles 

2. Δημιουργήστε το πρώτο σας προφίλ

Δεδομένου ότι πρόκειται να το χρησιμοποιήσω για εγγραφές egghead, θα δημιουργήσω έναν νέο κατάλογο που ονομάζεται egghead:

# mkdir name-of-profile mkdir egghead 

Στη συνέχεια cdσε αυτόν τον κατάλογο:

cd egghead 

3. Προσθέστε τις ρυθμίσεις σας.json

Ο VSCode αναμένει έναν dataκατάλογο με έναν Userυποκατάλογο. Εκεί, θα τοποθετήσουμε τις ρυθμίσεις μας:

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

Αφού δημιουργηθούν, μεταβείτε σε αυτόν τον νέο Userυποκατάλογο και δημιουργήστε το settings.jsonαρχείο σας :

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

Στη συνέχεια, ανοίξτε το settings.jsonαρχείο σας και προσθέστε τις ρυθμίσεις σας. Θα προσθέσω μια τροποποιημένη έκδοση αυτού που έχει ο Andy:

{ "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. Δοκιμάστε το νέο προφίλ κώδικα

Τώρα ας βεβαιωθούμε ότι κάναμε τα πάντα σωστά. Ας υποθέσουμε ότι έχετε ήδη ρυθμίσει τον κώδικα VS για [εκκίνηση από τη γραμμή εντολών] (// code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line, μπορούμε να ξεκινήσουμε το νέο μας προφίλ εκτελώντας:

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

Και αν λειτούργησε, θα πρέπει να δείτε τον VSCode ανοιχτό με τις ρυθμίσεις σας:

στιγμιότυπο οθόνης του vscode με νέες ρυθμίσεις

5. Δημιουργήστε ένα ψευδώνυμο για το προφίλ σας.

Δεν ξέρω για σένα, αλλά δεν θέλω να θυμάμαι, code --user-data-dir ...οπότε ας πάρουμε τη συμβουλή του Andy και δημιουργήστε ένα ψευδώνυμο.

Χρησιμοποιώ, zshέτσι θα προσθέσω αυτό το ψευδώνυμο στο .zshrcαρχείο μου, έτσι χρησιμοποιώντας τη λέξη-κλειδί "διδάξτε":

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

Τώρα, όταν θέλετε να χρησιμοποιήσετε αυτό το προφίλ κώδικα, το μόνο που έχετε να κάνετε είναι να πληκτρολογήσετε:

teach ~/projects/lesson 

Ωχ! Και αυτό είναι.

Ιδιαίτερες ευχαριστίες στο @avanslaars για την κοινή χρήση αυτού. Εδώ είναι ένας σύνδεσμος για το code_profilesρεπό του όπου έμαθα πώς να το κάνω.

ΣΗΜΕΙΩΣΗ : Εάν χρησιμοποιείτε VSCode σε φορητή λειτουργία, υπάρχει ένα γνωστό σφάλμα όπου η σημαία user-data-dirδεν λειτουργεί αυτήν τη στιγμή (ειδικές ευχαριστίες στο @myfonj για την επισήμανσή του).

###

Αυτή η ανάρτηση εμφανίστηκε για πρώτη φορά στο DEV.

; Shameless Plug: αν θέλετε να δείτε περισσότερο περιεχόμενο σαν αυτό, εγγραφείτε στο newsletter μου: //buttondown.email/jsjoeio