حوحو للمعلوميات

- أكوا ويب

---

10 إضافات و ثيمات مهمة و قوية لمحرر الأكواد Visual Studio Code لا تفوتها عليك Posted: 24 Jul 2018 05:29 AM PDT يعتبر Visual Studio Code احد محررات الاكواد و الـ IDE الذي إنطلق بسرعة بين كل الـ IDE's في العالم و فرض لنفسه مكانة مستحقة من بين أقرانه من محررات الأكواد في وقت وجيز، و أصبح إستخدامه شاسعا و كبيرا جدا من طرف العديد من المستخدمين حول العالم، خصوصا أنه يمتلك تلك الخفة، و هي خفة قد إكتسبتها تقريبا كل البرامج او محررات الأكواد المبنية بواسطة Electron مثل محرر الأكواد الشهير Atom، و ما يميز أيضا محرر أكواد Visual Studio Code هو تعدده و دعمه لمجموعة كبيرة من لغات البرمجة سواء على الويب او الديسكتوب مثل C# , Asp , Php, C, C++ و غيرها من اللغات الأخرى. إن قمت الآن بتحميل البرنامج من موقعه الرسمي و تنصيبه و العمل عليه لـ 15 دقيقة متتالية، فربما ستجده ضعيفا، ستجد ان كل ما شرحناه و سنشرحه حول هذا البرنامج مجرد كذب و إفتراء، و ذلك لأن البرنامج يأتي عاري و خالي من تقريبا من مجموعة من المزايا، و يوفر لنا متجرا خاصا به من أجل تحميل الإضافات و الثيمات و الأشكال من أجل تطويره حسب مجال العمل، و حسب اللغات البرمجية التي سنستخدمها في البرنامج. من شأن هذا المقال الحصري على أكوا ويب، ان يوفر لك 10 إضافات و ثيمات و أشكال خاصة بالـ Visual Studio Code ستساعدك على تطوير محرر الأكواد هذا و إدخال العديد من التعديلات عليه حتى يصير محررا مثاليا و قويا .  - ثيم Dracula :  شخصيا أستخدم ثيم Material Design، سنعود لهذا لاحقا في هذا المقال، لكن لنراجع أولا واحدا من أشهر الثيمات الخاصة بالـ VS Code، ثيم Dracula، تهيئة بصرية سوداء و احترافية، تتضمن العديد من من التشعبات اللونية التي تجعل إستخدامك لمنصة VS Code احترافية، كما نراها في الأفلام ربما، او في الفيديوهات الشروحية على اليوتيوب، هذا الثيم يمتلك أيضا نوعا من الخطوط الجيدة التي تجعل من كتابة أسطر و أسطر من الكود تبدو متناسقة و سهلة الفهم .  يعتبر ثيم Dracula الأكثر تحميلا من بين كل ثيمات الـ VS Code، ناهيك على أن العديد من محررات الاكواد تملك نفس الأسم و نفس الثيم تقريبا مثل محررات JetBrains و Visual Studio، لذلك ننصحك به أيضا لإستخدامه .  - Auto Close Tag :  كما اشرت سابقا، فإن محرر VS Code في بداياته قد يكون سيئ التعامل و البرمجة او التكويد بإستخدامه أمر صعب، خصوصا انه لا يدعم قفل الـ Tags اوتوماتيكيا في عدة لغات على رأسها الـ HTML، عامة تسمح لك إضافة Auto Close Tag بتنفيذ هذا الامر و تسهيله عليك، بحيث تسمح لك بتكملة الكود البرمجي و غلق الـ Tags الخاص باللغة التي تبرمج بها حاليا، بالطبع فقط في الويب، ان استخدمت برنامج VS Code من أجل البرمجة بلغات برمجية أخرى مثل الـ C# مثلا، فسيتوجب عليك تنصيب إضافات اخرى مختصة لتلك اللغة و هكذا، لكن مبدئيا فإن إضافة Auto Close Tag إضافة مهمة لمحرر الأكواد الرائع هذا .  إقرأ أيضا : للمستجدين ... دليلك الأولي لفهم و التعامل مع منصة Stackoverflow أكبر منصة تجمع للمبرمجين على الإطلاق ! - JsHint :  تساعدك إضافة JsHint على الإرتقاء بالكود البرمجي الجافاسكربت بشكل أفضل، إن كنت مبرمج جافاسكربت ( و فريمووركاتها أيضا ) و تستخدم محرر أكواد VS Code فيجب عليك تضمين هذه الإضافة، تسمح لك إضافة JsHint بالتعرف على الأخطاء في الكود الخاص بك، تصحيح و تكملة الأكواد أيضا، كما يمكنها القيام بعملية Debug للكود البرمجي، ستسهل عليك هذه الإضافة كتابة كود جافاسكربت صحيح و نظيف و فعال بإحترافية، يمكنك التحكم الكامل فيها أيضا فيمكنك تشغيلها تارة و تعطيلها تارة اخرى، تمتد JsHint الى القيام بنفس العملية في بعض اللغات الاخرى مثل HTML و CSS .  - IntelliSense :  إضافة اخرى مهمة لمطوري الويب، تسمح لك هذه الإضافة بإستخراج كل أسماء الكلاسات في الـ HTML و الـ CSS التي تم إستخدامها في مشروعك البرمجي، و أيضا كلاسات الإطارات الخارجية التي تتعامل معها مثل Bootstrap و غيرها، ثم تقوم بتكملتها لك في الكود الخاص بك، لست مضطرا - كما في السابق - لتذكر أسماء الكلاسات من أجل إستخدامها، أصبح بإمكانك ان تكتب حرف b في الـ Attribute Class ليظهر لك عدة خيارات لكل الكلاسات المستخدمة في المشروع البرمجي، إضافة جد مميزة لمطوري الويب . - MsSQL :  إضافة خاصة بالتعامل مع SQL Server و قواعد البيانات و إرسال الـ Queries و تنظيمها و ما الى ذلك، إن كنت تتعامل مع قواعد البيانات، ففي الغالب ستوجد تجربة بعض الـ Queries و التحقق من صحتها و التحقق من عملها قبل ادراجها في لغة برمجية معينة مثل الـ Php او C# و غيرها، هذه الإضافة على VS Code تسمح لك بإدارة قواعد البيانات و تحويل الـ VS Code الى منصة شبيه بالـ SQL Server، إضافة مميزة لمن يتعامل مع قواعد البيانات بشتى أشكالها من أجل تجسيد و تجربة الاكواد في قواعد البيانات . إقرأ أيضا : ما الفرق بين الـ Web Developer ( مطور الويب ) و الـ Web Designer ( مصمم الويب ) ؟ - Code Runner :  إضافة جد جد مميزة، تخيل معي انك في صدد كتابة كود جافاسكربت، و تريد التحقق من عمله أم لا، ما عليك فعله هو تضمينه في إحدى صفحات الـ HTML ثم تشغيل الصفحة و إستخراج الـ Console و التحقق من نتيجة الكود البرمجي الذي كتبته للتو، أمر قد يكون صعبا قليلا، فتأتي إضافة Code Runner لتسهيل العملية بشكل كامل، يكفي بعد تنصيب الإضافة بالطبع ان تقوم بتضليل الجزء الذي تريد تشغيله من الكود البرمجي، ثم النقر يمينا و البحث عن Run Code ثم ستظهر لك في الأسفل كونسول مخصص سيُظهر لك نتيجة الكود البرمجي او الخطأ ان كان، يمنكك فعل ذلك مع العديد من اللغات البرمجية و ليس فقط الجافاسكربت، فالإضافة تدعم العديد من اللغات منها الـ C , C++ , Ruby , Java و غيرها .  - Project Manager :  في محررات أكواد أخرى مثلا Sublime او Bracket و غيرها، يمكنك فتح أزيد من مشروع في نوافذ مختلفة، قد يبدو الأمر مزعجا خصوصا ان اردت فتح 3 او 4 مشاريع، فسيصبح الأمر متكدسا عليك و نوافذ عديدة، في برنامج VS Code يمكنك فعل نفس الشيئ، لكن يمكنك فعل شيئ أفضل، إستخدام إضافة Project Manager، تسمح لك هذه الإضافة بفتح أزيد من مشروع برمجي في مشروع واحد، و الإنتقال بينها بكل سهولة عبر تبويب في الأعلى، بذلك تنظيم أكبر لمشاريعك البرمجية سلاسة في التحويل بينها و الإنتقال من مشروع لآخر. - Material Theme :  حبوبي الحبوب، هو الثيم او الستايل الذي أستخدمه شخصيا في الـ VS Code، رغم انه ثيم واحد الا انه يتوفر على أزيد من ستايل، منها الـ Dark و الـ Dark Blue و الـ Light، كلها جيدة، شخصيا أستخدم الـ Dark Blue، ستايل جميل و جذاب، مريح للعين و سهل تتبع الكود بتغييرات اللون المتناسقة، كما ياتي بستايل جد جميل معروف و هو الـ Material Design في خواصه الأخرى غير محرر الأكواد، الـ Fonts المستخدمة جيدة كذلك و إحترافية .  إقرأ أيضا : 10 مواقع ضرورية للمبرمجين و المطورين لتسحين وتيرة العمل عليك إستخدامها - File Template :  إضافة اخرى مميزة ستسهل عليك الكثير و الكثير من العمل، في العديد من لغات البرمجية أثناء تهيئة ملف جديد، سيتوجب عليك في كل مرة إضافة العديد و العديد من التهيئات الأولية، مثلا في صفحات الـ HTML ربما سيتوجب عليك إضافة الوسوم الأساسية و بعض الـ Meta و الـ Viewport و غيرها و غيرها، سيبدو الأمر مملا ان قمت به في كل مرة تنشئ ملفا جديدا بهذه الصيغة. هنا تتدخل هذه الإضافة، تسمح لك إضافة File Template بإنشاء ملفات جديدة بتهئة معينة، يمكننا تسميتها بالـ Master Page التي تريد العمل بها مستقبلا في أي لغة برمجة تريد . - Rainbow Brackets :  و نختمها بهذه الإضافة البسيطة التي تسمح لك بإضافة ألوان على الـ Brackets او الأقواس، فالكثير من الأشخاص خصوصا في الكود البرمجي الطويل يعانون من مشكلة اختلاط الأقواس مع بعضها البعض فلا تعرف أي قوس ينتمي لأي بداية، لذلك هذه الإضافة ستساعدك على إضافة ألوان لأقواس محددة من أجل تحديد بداية و نهاية كل كود، إضافة بسيطة لكنها جميلة و إحترافية و ستساعدك كثيرا.

You are subscribed to email updates from أكوا ويب - موقع شامل لرواد الويب العربي. To stop receiving these emails, you may unsubscribe now.	Email delivery powered by Google
Google, 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States