الجميع من المطورين ذوي الخبرة إلى المبتدئين جونز يريد تبسيط حياتهم. الأدوات المناسبة يمكن أن تساعد في هذا.
إذا كنت تستخدم Visual Studio Code كبيئة تطوير لديك ، فأنت محظوظ. يمكنك تثبيت مجموعة من المكونات الإضافية وتجعل حياتك أسهل ما يمكن.
الإضافات تؤثر بشكل كبير على الإنتاجية ونهج العمل. هذا هو ما سنناقشه أدناه.
"أولاً نغير الأدوات ، ثم يغيروننا"
- جيف بيزوس
جميع الإضافات مجانية ومتاحة في Visual Studio Marketplace .Visual Studio Intellicode
هذا هو المكون الإضافي الأكثر تنزيلًا لبرنامج Visual Studio (أكثر من 3،200،000 تنزيل). وفي رأيي ، الأكثر فائدة.
تم تصميم هذا البرنامج المساعد لمساعدة المطورين على كتابة التعليمات البرمجية. وهو يدعم عدد كبير من لغات البرمجة. يستخدم Visual Studio Intellicode أساليب تعلم الآلة. إنه يبحث ويحلل الأنماط المستخدمة في العديد من مشاريع جيثب مفتوحة المصدر ، ويقدمها لك عندما تكتب الكود.
تمت ترجمة هذه المقالة بدعم من EDISON Software ، وهي شركة تطور التطبيقات والمواقع ، وتستثمر أيضًا في الشركات الناشئة .
بوابة اللوم
من فعل هذا؟
من وقت لآخر ، تحتاج إلى معرفة من قام بكتابة جزء معين من التعليمات البرمجية. جيت اللوم لمساعدتك. يخبرك Git Blame متى وأين تم تحرير كل سطر من الملف آخر مرة.
هذه معلومات مفيدة ، خاصةً عند العمل مع فروع الوظائف. نظرًا لأن Git Blame تخبرك بأي التزام (أي الفرع) تم تغيير سطر الشفرة فيه ، فأنت تعرف البطاقة التي تسببت في هذا التغيير. هذا سيساعدك على فهم أسباب التغييرات بشكل أفضل.
أجمل
Prettier هي واحدة من أفضل المكونات الإضافية للمطورين الذين يحتاجون إلى اتباع مجموعة محددة بشكل جيد من القواعد عند التطوير. هذا هو البرنامج المساعد الكبير الذي يسمح لك باستخدام حزمة Prettier. أجمل هو أداة عظيمة لهيكلة التعليمات البرمجية.
Prettier متوافق مع JavaScript و TypeScript و HTML و CSS و Markdown و GraphQL وغيرها من الأدوات الحديثة ويسمح لك بتنسيق الشفرة بشكل صحيح.
جافا سكريبت (ES6) رمز المقتطفات
ربما يكون كل مطور يحاول أن يكون جزءًا من موضوع ما على الأقل يعمل مع أحد مكدسات JavaScript. لا يهم الإطار الذي تفضله. كود مشترك في مشاريع مختلفة ينبغي تبسيط حياتك.
مقتطفات شفرة JavaScript (ES6) عبارة عن مكون إضافي مفيد يوفر بعض المقتطفات المفيدة للغاية من شفرة JavaScript لمطور كسول. يربط مكالمات الوظائف القياسية بالمفاتيح الساخنة. بمجرد معرفة ذلك ، ستزيد إنتاجيتك بشكل كبير.
ساس
كما يحتمل أنك خمنت بالفعل ، فإن هذا البرنامج المساعد يساعد المطورين الذين يعملون مع أوراق الأنماط. بمجرد البدء في إنشاء أوراق أنماط للتطبيق الخاص بك ، سترغب بالتأكيد في استخدام هذا البرنامج المساعد. يدعم Sass تسليط الضوء على بناء الجملة والإكمال التلقائي والتنسيق.
مسار التحسس
Path Intellisense هو أضمن طريقة لزيادة الإنتاجية أثناء كتابة التعليمات البرمجية. إذا كنت تعمل في العديد من المشاريع في نفس الوقت وتستخدم الكثير من التقنيات المختلفة ، فربما تحتاج إلى أداة ملائمة يمكنها تذكر أسماء مسار الملفات لك. هذا المكوّن الإضافي سيوفر لك الكثير من الوقت ، والذي كان من الممكن أن يضيع البحث عن الدليل الصحيح.
تم تصميم Intellisence على أنه امتداد بسيط لأسماء ملفات الإكمال التلقائي. لكن منذ ذلك الحين أصبح مساعدا قيما في مجموعة أدوات معظم المطورين.
مصحح أخطاء Chrome
ليس لديك لترك Visual Studio Code إذا كنت بحاجة إلى تصحيح JavaScript. يتيح لك Microsoft Debugger for Chrome تصحيح ملفات المصدر مباشرة في Visual Studio Code
ESLint
البرنامج المساعد ESLint يدمج ESLint في Visual Studio Code. ESLint هي أداة تقوم بتحليل الشفرة بشكل ثابت للعثور على المشكلات بسرعة.
يمكن إصلاح معظم المشكلات التي اكتشفها ESLint تلقائيًا. تأخذ تصحيحات ESLint في الاعتبار بناء الجملة ، وبالتالي لن تواجه الأخطاء الناتجة عن البحث التقليدي واستبدال الخوارزميات. بالإضافة إلى ذلك ، ESLint للتخصيص للغاية.
SVG عارض
يضيف ملحق SVG Viewer عددًا من الأدوات المساعدة للعمل مع SVG في Visual Studio Code. يتيح لك هذا البرنامج المساعد عرض ملفات SVG وعرض مظهرها دون مغادرة المحرر. بالإضافة إلى ذلك ، يسمح لك هذا البرنامج المساعد بتحويل الملفات إلى PNG وإنشاء مخططات بيانات URI.
المواضيع
المواضيع هي الأخيرة في القائمة ، ولكن ليس في الأهمية. بما أنك ستنظر إلى محررك كل يوم ، فلماذا لا تجعله جميلًا قدر الإمكان؟ هناك العديد من إضافات التخصيص التي تغير نظام الألوان والرموز في الشريط الجانبي. تتوفر بعض السمات الشائعة مجانًا:
One Monokai و
One Dark Pro و
Material Icon .
ترجمة: ديانا شيريمييفا
اقرأ أيضا بلوق
شركة إديسون:
20 مكتبة لل
مذهلة تطبيق دائرة الرقابة الداخلية