كيفية إنشاء ملفات تعريف التعليمات البرمجية في VSCode

هذا المنشور ينسحب من العمل الذي أنجزهavanslaars وهو مدرس زميل في egghead.io. لقد شارك هذا في egghead Slack منذ وقت ما ولم أتمكن من إعداد هذا بنفسي.

الآن ، أقوم بإعداد كمبيوتر محمول جديد وقررت تصويره. بعد أندي ريبو هنا ، سأوجهك خلال العملية حتى تتمكن من المتابعة.

قبل أن نبدأ ، "ملف تعريف الرمز" هو في الأساس 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. اختبر ملف تعريف الرمز الجديد الخاص بك

الآن دعونا نتأكد من أننا فعلنا كل شيء بشكل صحيح. بافتراض أنك قمت بالفعل بإعداد VSCode [للتشغيل من سطر الأوامر] (// 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: إذا كنت ترغب في رؤية المزيد من المحتوى مثل هذا ، فقم بالاشتراك في رسالتي الإخبارية: //buttondown.email/jsjoeio