شعبية البصرية ستوديو رمز ملحقات

رمز الوقت


Code Time هو مكون إضافي مفتوح المصدر يوفر مقاييس مباشرة في محرر الشفرة.

الصورة

بعد تثبيت الامتداد ، سيُطلب منك إدخال لوحة التحكم.

إذا قمت بالضغط على command + shift + P داخل محرر الشفرة ، سيتم فتح نافذة يمكنك من خلالها إدخال رمز الوقت ، ثم الاختيار بين عرض البيانات في محرر الشفرة أو في المتصفح.

داخل المتصفح ، ستبدو المعلومات كما يلي:

الصورة

أكثر سخونة داخل المتصفح:

الصورة

يعد Code Time مفيدًا إذا كنت تريد أن تعرف بالضبط أو أتساءل فقط كم من الوقت تقضيه في كتابة التعليمات البرمجية.

واحد الظلام الموالية


يعد One Dark Pro واحدًا من أكثر السمات شيوعًا وتنزيلًا بشكل متكرر لبرنامج Visual Studio Code.

الصورة

يوضح هذا المثال أن لدينا أيقونات للأدلة مثل العميل والخادم ، وكذلك للملفات مثل .eslintrc .gitignore و package.json .

One Dark Pro مدعوم في React و Angular و Redux والعديد من الأطر والمكتبات المختلفة ، مما يوفر رموز دليل مختلفة للمكونات والأدوات المساعدة والأنماط وكذلك لمخفضات (المخفضات) والإجراءات (الإجراءات) والمخازن (المتجر).

تلوين زوج قوس


هذا التمديد يسمح مطابقة الأقواس مع الألوان.
هذا مفيد عندما يكون لديك كائنات أو وظائف متداخلة بعمق ، كما هو موضح هنا:

الصورة

تسليط الضوء على اللون


تمييز اللون يظهر تمثيل مرئي لأي رمز لون.

على سبيل المثال ، إذا أدخلت RGB أو RGBa أو ست عشرية أو أي رمز لون آخر ، فيمكنك رؤية اللون ، كما في هذا المثال:

الصورة

مسار التحسس



Path Intellisense هو مكون إضافي يكمل أسماء الملفات تلقائيًا.

يعد هذا مفيدًا لاستيراد المكونات إلى React ، حيث لا يلزم إدخال مسار الملف الذي تبحث عنه يدويًا.

ES7 React / Redux / GraphQL / React-Native شرائح


التمديد التالي هو قصاصات ES7 React / Redux / GraphQL / React-Native. اسم طويل ، ولكنه سيوفر لك الكثير من الوقت ، خاصة إذا كنت تستخدمه في React.

يوفر هذا الامتداد مقتطفات JavaScript و React / Redux في ES7 مع وظائف البرنامج المساعد Babel لرمز VS.

في محرر الشفرات مباشرةً ، يمكنك الضغط على command + shift + P ، ثم ES7 Snippet Search ، سترى قائمة طويلة من الأوامر القصيرة التي يمكنك تشغيلها للحصول على مقتطفات أطول من الشفرة.

الصورة

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

يمكنك تشغيل الأوامر عن طريق كتابتها في المحرر والضغط على مفتاح الإدخال. كل شيء بسيط!

GitLens - بوابة السوبر


تعمل GitLens على توسيع إمكانات Git المدمجة في Visual Studio Code.

يساعد في التعرف على مؤلف الشفرة باستخدام شروح Git-blame وشفرة العدسة ، والتنقل بسهولة واستكشاف مستودعات Git ، والحصول على معلومات قيمة باستخدام أوامر المقارنة ، وأكثر من ذلك بكثير.

بالنقر فوق سطر التعليمات البرمجية ، سترى من قام بتحريره ، ومتى تم تحريره ، وفي أي التزام. شيء مفيد!

الصورة

Source: https://habr.com/ru/post/ar441318/


All Articles