بيز ستون ، "اتخذ قرارك! المسؤول عن البناء العظيم من مؤسس تويتر "
أحد الاختلافات بين المبرمجين الجيدين والمبرمجين الجيدين هو الأدوات التي يستخدمونها. يمكن أن يؤدي اختيار الأدوات المناسبة إلى تسهيل حياة المطور كثيرًا. يشير هذا إلى ضبط IDEs المستخدمة عند كتابة التعليمات البرمجية. يستخدم العديد من المبرمجين Visual Studio Code هذه الأيام. يدعم محرر الكود هذا تثبيت الامتدادات. هناك الكثير من هذه الامتدادات بحيث يمكننا القول أن خيارات التخصيص الخاصة بـ VS Code لا حصر لها تقريبًا. ولكن في Visual Studio Marketplace
، يتم نشر عدد لا يصدق من الامتدادات على الموقع حيث يتم نشر امتدادات VS Code. هذا يعني أنه من الصعب على المبرمجين العثور بالضبط على ما يحتاجونه حقًا. إذا بدا أن امتدادًا معينًا مفيدًا لشخص ما ، فمن الممكن تمامًا أن يفيد الآخرين أيضًا. لذلك ، سأخبرك هنا عن 7 امتدادات لـ VS Code التي يمكن أن تسهل عمل المبرمج بشكل كبير. هذه كلها ملحقات مجانية. يمكن لأي شخص تنزيلها واستخدامها بحرية.
1. عميل REST
يسمح امتداد REST Client ، مباشرة من VS Code ، بإرسال طلبات HTTP ، وعرض الردود عليها على الفور. يتيح لك هذا الامتداد أن تقول وداعًا للتطبيقات الخارجية التي قد تضطر إلى استخدامها لتقديم طلبات إلى الخوادم.
هذا الامتداد شائع جدًا نظرًا لأنه يحتوي على أكثر من مليون عملية تنزيل. يتم استخدامه من قبل العديد من المبرمجين. لقد كنت أستخدم عميل REST لبعض الوقت الآن وأعتقد أنه أداة رائعة.
يجعل من السهل جدًا إنشاء الطلبات وإرسالها. عند العمل به ، يتم استخدام تركيبات نحوية واضحة تسهل استخدامه في مجموعة متنوعة من المواقف. على سبيل المثال ، يتطلب إرسال طلب GET بسيط سطرًا واحدًا فقط من التعليمات البرمجية يحتوي على الكلمة الرئيسية
GETوعنوان URL.
بشكل عام ، أوصي بتجربة هذا الامتداد لأي شخص يحتاج إلى وظائف عميل REST.
العمل مع عميل REST
2. CSS نظرة خاطفة
إذا كنت تعمل في تطوير الويب ، فإن CSS Peek هو امتداد لا بد منه في صندوق الأدوات الخاص بك. يتيح لك هذا الامتداد عرض قواعد CSS المطبقة على عناصر HTML المختلفة بسرعة. لمشاهدة رمز CSS المقابل ، ما عليك سوى تحريك مؤشر الماوس فوق اسم فئة العنصر أو معرفه.
فيما يلي عملية العمل مع CSS Peek.
العمل مع CSS Peek
لكن قدرات هذا الامتداد تتجاوز تصفح الأسلوب. من بين أشياء أخرى ، يسمح لك بالانتقال بسرعة إلى رمز قواعد CSS المستخدمة لتصميم العناصر. هذا يوفر عليك الكثير من الوقت في البحث عن محددات مطابقة.
3. تجميل
إذا كنت تحب رمزًا نظيفًا ، فستحب بالتأكيد ملحق Beautify . يسمح لك بتنسيق التعليمات البرمجية الخاصة بك. يدعم Beautify JavaScript و HTML و CSS و Sass و JSON.
أفضل جزء في هذا الامتداد هو أنه يفسح المجال للتخصيص العميق. على سبيل المثال ، يتضمن ذلك تعيين أحجام المسافة البادئة وتحديد ما إذا كان يجب إنهاء الملفات بسطر جديد. Beautify مناسب لمن يكتبون كود بلغات برمجة مختلفة ، ولكل منها يمكنك ضبط الإعدادات الخاصة بك.
يعد Beautify ، مع أكثر من 5 ملايين عملية تنزيل ، ضمن أفضل 20 امتدادًا الأكثر شيوعًا.
4. إعادة تسمية العلامة تلقائيًا
يحل ملحق Auto Rename Tag مشكلة بسيطة للغاية ، ولكن على الرغم من ذلك ، يمكن أن يأخذ مكانه الصحيح في صندوق أدوات المبرمج. وهي تقوم بأتمتة مهمة إعادة تسمية علامات HTML. على وجه الخصوص ، إذا تمت إعادة تسمية علامة البداية ، تتغير علامة النهاية أيضًا. يحدث الشيء نفسه عند إعادة تسمية علامة النهاية.
إذا كنت تريد إدخال علامة الإغلاق التلقائي تلقائيًا بعد إدخال قوس ينهي علامة البداية ، فقم بإلقاء نظرة على ملحق Auto Close Tag . إذا كان لديك كل من هذه الامتدادات ، فستساعدك كثيرًا في كتابة كود HTML ، مما يجعل عملك أكثر كفاءة ونتائج عملك أكثر اتساقًا.
العمل مع علامة إعادة تسمية تلقائية
5. Quokka.js
يعد ملحق Quokka.js نوعًا من آلية تحديد الصلاحيات لتجربة الكود ، وهو مدمج في المحرر. يسمح لك بالعمل مع الملفات عن طريق عرض التلميحات المناسبة مباشرة في الكود. تظهر هذه النصائح أثناء عملية إدخال نص البرنامج وهو أمر مريح للغاية.
العمل مع Quokka.js
6. بومة الليل
ما هي تكلفة تحسين VS Code دون استخدام سمة رائعة؟ يقضي المبرمجون الكثير من الوقت في العمل في المحرر ، لذلك كلما كان المحرر أكثر جاذبية ، كان ذلك أفضل.
Night Owl هي واحدة من الموضوعات الرائعة التي يستخدمها العديد من المبرمجين. وصفه يقول أنه مصمم لأولئك الذين يجلسون على الكمبيوتر حتى وقت متأخر من الليل.
موضوع البومة الليلية
ولكن إذا لم يعجبك هذا المظهر ، فلا بأس بذلك. هناك العديد من الموضوعات الجيدة ، أحدها يناسبك بالتأكيد.
7. مقتطفات كود JavaScript (ES6)
يوفر امتداد مقتطفات كود JavaScript (ES6) الذي يختتم هذه المادة للمطور مجموعة من المقتطفات التي تسمح للمطور بإنشاء تركيبات JavaScript حديثة بسرعة.
على سبيل المثال ، إذا ، باستخدام هذا الامتداد ، أدخل
clgواضغط Enter- سيتم إدخاله في الرمز console.log. قد يستغرق الأمر بعض الوقت لإتقان جميع المقتطفات المتوفرة في هذا الامتداد. لكن الشخص الذي قام بتطبيق مقتطفات كود JavaScript (ES6) سيكون قادرًا على كتابة كود JS الحديث بسرعة كبيرة. إنه يدفع مقابل الوقت الذي يقضيه في تعلم هذا الامتداد.
ما هي امتدادات VS Code التي تستخدمها؟
