💀 ⏺️ 🕧 WebStorm 2020.1: تحسينات الواجهة ودعم Vuex وبدء تشغيل Prettier عند حفظ الملفات 🧒🏻 🥌 🐖

تحية للجميع! يسعدنا أن نقدم أول تحديث WebStorm كبير هذا العام. ستجد في الإصدار الجديد العديد من الميزات الجديدة والتحسينات التي طال انتظارها ، بما في ذلك دعم Vuex وخيار جديد لبدء تشغيل Prettier عند حفظ الملفات.

تم إصدار webStorm-2020-1

قم بتنزيل الإصدار التجريبي لمدة 30 يومًا من WebStorm 2020.1 على موقع الويب أو باستخدام تطبيق Toolbox . النسخة الكاملة يمكن استخدامها من قبل أصحاب من الاشتراك النشط لWebStorm أو جميع المنتجات حزمة، وكذلك مجانا للطلاب و مطوري المشاريع مفتوحة المصدر.

الآن دعونا نلقي نظرة على التحسينات الرئيسية بمزيد من التفاصيل.

خط جديد للعمل مع التعليمات البرمجية

طوال العام الماضي ، قمنا بتطوير خط خاص للعمل مع التعليمات البرمجية التي تساعد مستخدمينا على البرمجة براحة كبيرة وتقليل إجهاد العين. نتيجة جهودنا هي JetBrains Mono ، خط مفتوح المصدر جديد. بدءًا من الإصدار 2020.1 ، يتم تحديد JetBrains Mono افتراضيًا في WebStorm و IDEs الأخرى الخاصة بنا. بالطبع ، بقيت أيضًا القدرة على تضمين خط مختلف.

jetbrains-mono

توثيق سريع أكثر فائدة.

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

محرر المستندات

عند العمل باستخدام شفرة JavaScript و TypeScript ، ستعرض الوثائق السريعة معلومات تفصيلية حول نوع ورؤية الحرف ، وكذلك مكان تعريف هذا الحرف.

ts مستندات سريعة

وضع Zen للعمل المركز

يساعدك وضع Zen الجديد على التركيز بشكل كامل على التعليمات البرمجية الخاصة بك. من خلال الجمع بين وضعين ، Distraction Free و Full Screen ، يسمح لك بتشغيل كلاهما بسرعة وعزل شيء مؤقتًا يمكن أن يصرف انتباهك.

وضع زين

لتجربة الوضع الجديد ، انتقل إلى عرض | المظهر | ادخل إلى وضع Zen من القائمة الرئيسية WebStorm أو استخدم نافذة التبديل المنبثقة ( Ctrl + `| وضع العرض | دخول وضع Zen ).

دعم واجهة برمجة تطبيقات Vuex و Vue Composition API

تكتسب Vue.js شعبية ، لذلك نحن نعمل بنشاط لجعل WebStorm أكثر IDE فائدة للعمل مع هذا الإطار. هذه المرة أضفنا تحسينين رئيسيين.

بادئ ذي بدء ، عند العمل مع مكتبة Vuex ، سترى خيارات لإكمال التعليمات البرمجية لرموز ووحدات متجر Vue عند تحرير مكونات Vue. يساعدك WebStorm أيضًا على الانتقال بسرعة إلى تحديد الحروف والطفرات والإجراءات.

استكمال vuex

ثانيًا ، نظرًا لأنه يمكنك بالفعل استخدام واجهة برمجة تطبيقات التركيب ، والمتوفرة في إصدار Vue 3 القادم ، فقد قررنا إضافة دعم لها في WebStorm 2020.1.

دعم تكوين vue-api

تشغيل أجمل عند حفظ الملفات

بفضل خيار Run on save for files الجديد ، يمكنك تطبيق تنسيق Prettier على جميع الملفات المحددة في إعدادات WebStorm وتحريرها في المشروع الحالي ، أثناء حفظ هذه الملفات - لم تعد بحاجة إلى تكوين مراقب الملفات أو استخدام مكون إضافي لجهة خارجية.

أجمل عند الحفظ

المساعدة في الأخطاء النحوية والأسلوبية

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

جرازي

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

إجراءات وتفتيش نية جديدة

كما هو الحال دائمًا ، أضفنا بعض إجراءات النية الجديدة والإصلاحات السريعة لمساعدتك في توفير الوقت عند العمل مع شفرة JavaScript و TypeScript. على سبيل المثال ، أحد إجراءات النية الجديدة ، المتاحة بالضغط على Alt + Enter ، سيحول الرمز الموجود بسرعة إلى تسلسل اختياري و / أو إلغاء الاندماج.

تحويل إلى تسلسل اختياري

يتوفر المزيد من المعلومات حول إجراءات النية الجديدة والإصلاحات السريعة في منشور مدونة الإصدار (باللغة الإنجليزية).

دعم أحدث إصدارات التقنيات الشائعة

في WebStorm 2020.1 ، ستجد دعمًا مدمجًا لوظيفة TypeScript 3.8 ، بما في ذلك عمليات الاستيراد / التصدير من النوع فقط ، والحقول الخاصة ، والمستوى الأعلى await، مما سيساعدك على العمل معهم بكفاءة أكبر. بالإضافة إلى ذلك ، جعلنا العمل مع مشاريع Angular 9 أسهل من خلال دعم تنسيق البيانات الوصفية الجديد بشكل كامل.

إعادة صياغة أكثر ملاءمة للالتزامات

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

مرتكبي الجرائم

في WebStorm 2020.1 ، ستجد إصدارًا محسنًا وتفاعليًا أكثر من مربع الحوار Rebasing Commits الذي يفتح عند استدعاء الإجراء Interaseively Rebase from Here . يعرض مربع الحوار المحدث الإجراءات التي يمكن تطبيقها على كل التزام. كما يعرض معلومات تفصيلية حول كل التزام ويسمح لك بمشاهدة الفرق وتجاهل التغييرات المطبقة بسرعة.

استخدام WebStorm لتحرير الملفات بسرعة

بفضل وضع LightEdit الجديد ، يمكنك فتح الملفات في نافذة محرر نص منفصلة ، دون إنشاء أو تحميل مشروع بأكمله. سيعمل الوضع إذا لم يكن WebStorm قيد التشغيل بالفعل. إذا كان WebStorm قيد التشغيل ، فسيتم فتح الملف فيه ، كالمعتاد.

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

وضع lightedit

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

JetBrains WebStorm محرك لتطوير الفريق

WebStorm 2020.1: تحسينات الواجهة ودعم Vuex وبدء تشغيل Prettier عند حفظ الملفات