نصائح وحيل VSCode للمستخدمين المتميزين

لماذا أريد أن أكون مستخدمًا متمرسًا لبرنامج Visual Studio؟

أن تصبح مستخدمًا قويًا هو طريقة أخرى للبقاء في المقدمة. غالبًا ما يتحدث المطورون عن كيفية بقائهم في قمة اللعبة وكيف يتعلمون باستمرار أشياء جديدة ويواصلون صقل مهاراتهم. هذا سؤال متكرر في المقابلة ، حيث يميل أصحاب العمل إلى تفضيل المواهب المخصصة لتوسيع مجموعة مهاراتهم. قد يكون إتقان IDE وجهاز الكمبيوتر الخاص بك أحد أفضل الاستثمارات في تطويرك المهني.

يبحث المطورون دائمًا عن مدونة جديدة تجعلهم أفضل في عملهم. مهما كان IDE الذي تستخدمه ، فمن المحتمل أن يكون لديه مدونة: اشترك!

سبب آخر هو أنه يوفر الوقت ببساطة. استثمار الوقت في تحسين سير العمل الخاص بك يمكن أن يؤتي ثماره كإنتاجية أعلى أو مزيد من الوقت للاستمتاع. اليوم ، سنلقي نظرة فاحصة على Visual Studio و VSCode ونناقش طرق تحسين مهاراتك لدرجة أن تصبح مستخدمًا قويًا.

كيف يمكنني أن أصبح مستخدمًا محترفًا لـ VSCode؟

إليك ما يميز المستخدم العادي عن المستخدم المتميز:

• معرفة وثيقة بـ IDE الخاص بك: يحتوي VSCode على وثائق ممتازة ، اقرأها!
• التخصيص: يصمم المستخدمون المتميزون سير عملهم ليلائم احتياجاتهم الخاصة.
• أتمتة جميع المهام المملة والمتكررة.
• قم باستمرار بتحسين سير عملك وتتبع تطور IDE الخاص بك.

في هذه المقالة ، أعتزم شرح كيف تناولت كل نقطة من هذه النقاط بنفسي وتزويدك بالمعرفة للقيام بذلك بمفردك. ما أفعله لن يناسبك بالضرورة ، على الأقل ليس بالكامل. يعمل الأشخاص في بيئات ومشروعات مختلفة (بالنسبة لي ، تعمل في الغالب مع React.js و TypeScript على Windows) ، لكن النهج العام صالح للجميع.

الاختبار مع الدعابة

أكتب اختبارًا واحدًا في كل مرة ، مما يعني أنني بحاجة إلى طريقة لإجراء اختبار واحد في كل مرة. ومع ذلك ، فإن حل regex الأصلي عديم الجدوى. لهذا السبب أستخدم Jest Runner. يتيح لك هذا الامتداد المفيد تنفيذ أو تصحيح مجموعات أو اختبارات فردية.

يوضح الفيديو أدناه أن كل ما عليك فعله هو النقر بزر الماوس الأيمن فوق اسم الاختبار واستخدام قائمة السياق لتشغيله.

الاختبار مع Pact

يمكن القول إن الجزء الأكثر استهلاكا للوقت في كتابة اختبار العقد هو المطابقة. لقد قمت بحل هذا عن طريق إنشاء مقتطفات مفيدة لأتمتة الإجراءات المتكررة. هذه بعض الأشياء التي صنعتها ، فلا تتردد في استخدامها (على سبيل المثال ، ببساطة قم بنسخها ولصقها في /snippets/typescript.json الخاص بـ /snippets/typescript.json ).

يوضح الفيديو أدناه كيفية استخدام هذه المقتطفات:

1. حدد جميع التكرارات من نفس النوع ، أي حدد كل السلسلة والوقت والقيم الأخرى.
2. استخدم ربط المفاتيح المحدد مسبقًا ، أو استدع " إدراج مقتطف " وحدد المقتطف ذي الصلة ، أو ابدأ فقط في كتابة بادئة المقتطف الذي تريد استخدامه.

شخص سخيف

يستخدم معظم المطورين Git و GitHub على أساس يومي ، وكذلك الحال بالنسبة لي. ومع ذلك ، أحاول تجنب استخدام Terminal أو github.com.

تسمح لي طلبات السحب والمشكلات الخاصة بـ GitHub بفتح وتحرير ومراجعة العلاقات العامة براحة في VSCode. أجد أن IDE الخاص بي هو مكان أفضل لمراجعة الكود من تطبيقات الويب أو سطح المكتب الخاصة بـ GitHub. قد يختلف بعض المطورين ، لكنني أقدر الاتساق والراحة في القيام بذلك في IDE الخاص بي.

يمكن لـ Git فعل الكثير ، ومع ذلك فقد حفظت القليل من أوامره. لكن لماذا تحفظ أي شيء في المقام الأول؟ إن حفظ الكثير من الجوانب الدقيقة في روتينك ليس مثمرًا بشكل مفرط.

يعرض GitLens عددًا كبيرًا من الميزات الرائعة في متناول يدك. بفضل ذلك ، نادرًا ما أضطر للوصول إلى المحطة لاستخدام Git.

تخصيص المحطة

بغض النظر عن نظام التشغيل الذي تستخدمه ، يمكنك أن تفعل ما هو أفضل من المحطة الافتراضية. أنا أستخدم Windows Terminal + cmder. إذا كنت من مستخدمي Unix ، فابحث عن iTerm (macOS) أو Oh My Zsh (Linux و macOS). لقد قمت بدمجهم مع VSCode وأضفت العديد من الأسماء المستعارة (الاختصارات) التي توفر لي الوقت من كتابة الأوامر.

علي سبيل المثال:

• ys = yarn start - يساعدني في بدء تطبيق مكون من حرفين فقط
• del=RMDIR /S/Q $* && echo "Deleted Successfully!!!" - يحذف الدليل المقدم ويظهر رسالة نجاح عند الانتهاء
• gdab = git branch | grep -v "master" | xargs git branch -D gdab = git branch | grep -v "master" | xargs git branch -D - يحذف جميع الفروع المحلية باستثناء master

قد يبدو حفظ بعض الأحرف هنا وهناك أمرًا سخيفًا ، ولكن هذه الميزات الموفرة للوقت تضيف على المدى الطويل. أجد ميزة ثانوية لعمل الأسماء المستعارة - إن قضاء وقت أقل في كتابتها يساعدني في الحفاظ على تركيزي وعدم فقدان سلسلة تفكيري لأنني لا أحاول تذكر كيفية استدعاء الأمر.

رمز الجيل

إن إنشاء مكون جديد أو صفحة أو ما إلى ذلك هو أمر أقوم به بشكل متكرر ، وهو واضح تمامًا كما يعرف معظم القراء. لكن إنشاء مجلد جديد وتهيئة الملفات فيه يمكن أن يكون مملاً. لذلك ، لقد أتممت هذه العملية تلقائيًا.

يُظهر الفيديو أدناه استخدام Supercharge React. باستخدام New Component ، يمكنني تحديد اسم وموقع المكون الجديد. يقوم الملحق بعد ذلك بتشغيل برنامج نصي يقوم بإنشاء مجلد وتهيئة هذا المكون الجديد.

التحسس الذكي

يحتوي VSCode على خاصية IntelliSense قوية ، وفي معظم الأحيان ، لا يتعين عليك التفكير في استخدامه. ومع ذلك ، عندما تقوم بتصفح الاقتراحات ، يمكنك الضغط على Ctrl + Space للاطلاع على الوثائق المتعلقة بكل خيار متاح.

يمكن تخصيص IntelliSense بالإضافة إلى ذلك ليناسب سير العمل والتفضيلات الشخصية.

اختصارات لوحة المفاتيح

أنا متأكد من أنك تستخدم اختصارات مثل Ctrl + S و Ctrl + F. جميعها موثقة جيدًا ، وإذا لم تكن معتادًا على مجموعة الاختصارات الواسعة لـ VSCode ، فأنا أحثك ​​على تغيير هذا والقيام بمسافة إضافية لإتقانها. ارتباط معين هو ثقيل جدا؟ الأمر الذي تستدعيه غالبًا ما يستغرق وقتًا طويلاً في كتابته؟ افتح محرر لوحة مفاتيح VSCode لإنشاء اختصارات.

إذا كنت تتساءل عما إذا كان قد تم تعيين أمر لمجموعة مفاتيح معينة ، فانقر فوق زر لوحة المفاتيح في شريط البحث حيث يمكنك تسجيل ضغطات المفاتيح. سترى بعد ذلك أوامر ماذا / إذا ارتبطت بها.

اختصارات الماوس

غالبًا ما يُقال للمطورين أنه لكي يكونوا منتجين ، عليهم أن يتعلموا أن يكرهوا الماوس ويحبوا لوحة المفاتيح الخاصة بهم . قد يكون هذا صحيحًا إذا كنت تعمل على ملفات صغيرة وكثيفة. ولكن في عصر التنسيق التلقائي للشفرات والملفات التي تحتوي على مئات الأسطر من التعليمات البرمجية ، فإنني أزعم أن هذا استثناء أكثر من كونه قاعدة.

لا أستخدم الماوس بنشاط فحسب ، بل لقد قمت بتخصيصه ليلائم سير العمل الخاص بي باستخدام خيارات لوجيتك. لقد قمت ببرمجة المفاتيح الخاصة على الماوس لأداء أوامر معينة في VSCode.

إليك كيفية "تعليم" الماوس أن يفعل أكثر قليلاً من مجرد تحريك المؤشر والنقر:

1. حدد VSCode من القائمة العلوية اليمنى.
2. انقر فوق الزر الذي تريد تخصيصه.
3. حدد تعيين ضغط المفاتيح من قائمة الإجراءات الموجودة على اليسار.
4. أدخل اختصارًا محددًا مسبقًا في VSCode.

إعدادات النسخ الاحتياطي والمزامنة

لا فائدة من تخصيص أي شيء إذا لم تتمكن من نسخه احتياطيًا وإعادة استخدامه متى احتجت إليه مرة أخرى.

الحل الأصلي متاح فقط للمطلعين في الوقت الحالي. ومع ذلك ، تساعدك Settings Sync على حفظ إعدادات التعليمات البرمجية الخاصة بك باعتبارها Gist وتسمح لك بمزامنة سير عملك بين أجهزة متعددة. أنت بحاجة إلى رمز GitHub المميز لتكوينه ، ولكن بعد ذلك ، ما عليك سوى تشغيل أمر واحد لتحميل وتنزيل إعداداتك.

يوصى بامتدادات VSCode

لقد ذكرت بالفعل العديد من الإضافات وشرحت كيف أستخدمها. فيما يلي بعض الإشارات البارزة:

• الصوت المحيط: هل تحتاج إلى التفاف بعض التعليمات البرمجية المحددة في وظيفة السهم أو ربما كتلة try-catch؟ هذا التمديد سيفعل ذلك من أجلك!
• بحث node_modules: حتى إذا لم تستبعد node_modules من مستكشف VSCode لتعزيز الأداء ، فإن هذا المجلد كبير جدًا ولا يمكن التنقل فيه. يتيح لك هذا الامتداد البحث عن كل ما تبحث عنه بدلاً من التمرير إلى ما لا نهاية.
• يوفر برنامج Glean and React Refactor بعض أدوات إعادة البناء المفيدة لملفات JSX.
• يضيف Auto Close Tag تلقائيًا علامة الإغلاق لملفات HTML / JSX / TSX.
• File Utils: طريقة ملائمة لإنشاء الملفات والأدلة ونسخها ونقلها وإعادة تسميتها وحذفها. كما أنها قابلة للتخصيص.
• يقوم JavaScript Booster بأتمتة بعض إجراءات إعادة البناء الشائعة.

ملخص

لا تكن مستخدمًا منتظمًا. كن مستخدمًا قويًا بدلاً من ذلك. اذهب دائمًا إلى أبعد من الآخرين وانظر إلى أين يأخذك ذلك. لاحظ دائمًا أوجه القصور وحاول التخفيف منها.

يجب أن يكون الحل الخاص بي لهذا الأمر مألوفًا لمعظم المطورين: لوحة كانبان . في كل مرة ألاحظ فيها شيئًا يبطئني ، أكتبه على أنه مهمة. كلما كان لدي بعض الوقت لأوفره ، أحاول إيجاد حل لذلك.

إذا وجدت هذا المنشور مربكًا ولا تعرف من أين تبدأ ، فاقرأ المستندات ، فستمنحك أفضل عائد على الاستثمار ! أعلم أن قراءة الوثائق الرسمية تبدو مملة ، لكنني أعدك بأنها ستؤتي ثمارها على المدى الطويل. لن يعلمك فقط كيف تكون أكثر إنتاجية ولكن ستتعلم كيف يجب كتابة الوثائق.

لتسهيل الأمر ، قمت بتجميع قائمة الأجزاء التي يجب قراءتها من المستندات:

• النصائح والحيل: بعضها واضح وربما تعرف بالفعل ، على الرغم من أنني أستطيع أن أضمن أنك ستجد شيئًا لم تكن تعرفه.
• تحرير المأجورون: تعد هذه الاختراقات قوية بشكل لا يصدق ، وسوف يفيدك تعلمها بشكل يومي.
• تقليص / توسيع الكود: جرب هذا الاختصار عندما تقوم بالاقتران مع مطور آخر ، لإثارة إعجابهم!
• Keybindings: تعرف على كيفية عمل ارتباطات المفاتيح وكيفية تخصيصها ، فهي أحد الركائز الأساسية لإتقان IDE الخاص بك.
• المئات من لغات البرمجة المدعومة: تعرف على الميزات المحددة التي يمتلكها VSCode للغتك التي اخترتها.