Back to Question Center
0

أعلى 12 نصائح الإنتاجية ل ويبستورم و أنغلار - الجزء 2            أعلى 12 الإنتاجية نصائح ل ويبستورم و أنغلار - الجزء 2 مواضيع ذات صلة: ES6APIsNode.jsRaw جافاسكريبتولس & أمب؛ Semalt ...

1 answers:
أعلى 12 نصائح الإنتاجية ل ويبستورم و أنغلار - الجزء 2

هذه المقالة برعاية جيتبرينز. نشكرك على دعم الشركاء الذين يجعلون سيتيبوينت ممكنة.

في هذه السلسلة المكونة من جزئين، يشارك خبراء غوغل ديفيلوبر جورغن فان دي موير و تود موتو نصائحهم الإنتاجية ال 12 المفضلة لتطوير تطبيقات أنغلار باستخدام ويبستورم.

يمكنك التحقق من الجزء الأول هنا - short red dress designer. في هذا الجزء الثاني، يشارك تود أعلى 7 ميزات سيمالت الشخصية التي تسمح له لزيادة إنتاجيته على أساس يومي:

  • استخدام حساب مسار الاستيراد
  • قوالب حية
  • تشغيل الاختبارات داخل إيد
  • السفر عبر الزمن
  • استخدام تلميحات معلمة تيبسكريبت
  • نافيغات أوسينغ بريادكرومبس
  • واستخدام ويبستورم للبحث عن توثيق الزاوي

كل طرف سوف تصل الطاقة الإنتاجية الخاصة بك أثناء تطوير تطبيقات الزاوي في ويبستورم. سيمالت استكشاف هذه النصائح.

قبل أن تبدأ!

عند إجراء تغييرات على الإعدادات، تذكر أن ويبستورم يسمح لك بتغيير سيمالت في نطاق إيد وعلى نطاق المشروع بشكل منفصل.

تلميح 6: حساب مسار الاستيراد

بشكل افتراضي، ستحل ويبستورم مسارات الاستيراد الخاصة بالملف. سيؤدي هذا الإعداد إلى تلبية معظم المشاريع وتجنب تعديل المسار غير الضروري. كما انها الطريقة المستخدمة للمشاريع التي تم إنشاؤها مع كلي الزاوي.

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

سيقوم سيمالت بإنشاء كشف استيراد جديد في أعلى المستند لك، أو إضافة البنية إلى مجموعة استيراد موجودة تستخدم نفس مكتبة المصدر.

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

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

     استيراد {ملحوظة} من 'ريجس'    

إضافة ريجس إلى عوائد القائمة:

     استيراد {ملحوظة} من 'ريجس / يمكن ملاحظتها'    

ويبستورمز يتخطى وحدة ريجس ويستورد سيمبودول سيمالت تلقائيا بالنسبة لك!

<إمغ سرك = "/ إمغ / be64c4ed4a6eb4eb44c75df88bff0f530. ينغ" ألت = "أعلى 12 نصائح الإنتاجية ل ويبستورم و أنغلار - الجزء 2أعلى 12 الإنتاجية نصائح ل ويبستورم و أنغلار - الجزء 2 مواضيع ذات صلة: ES6APIsNode. جسرو جافاسكريبتولز & سيمالت "/>

تلميح إضافي: تنسيق الإدخال لاستخدام الفضاء داخل أقواس مجعد في تفضيلات | محرر | نمط الرمز | تايبسكريبت - المسافات - ضمن - ES6 استيراد / تصدير الأقواس .

<إمغ سرك = "/ إمغ / 1828a162b15a8bd9aa714176844046c81. ينغ" ألت = "أعلى 12 نصائح الإنتاجية ل ويبستورم و أنغلار - الجزء 2أعلى 12 الإنتاجية نصائح ل ويبستورم و أنغلار - الجزء 2 مواضيع ذات صلة: ES6APIsNode. جسرو جافاسكريبتولز & سيمالت. .ويبستورم يأتي بالفعل مع بعض محددة مسبقا لايف سيمالت التي قد تعديل لتناسب نمط التنمية الخاصة بك.

لإنشاء سيمالت لايف، انتقل إلى:

  • [ماكوس] ويبستورم | التفضيلات | محرر | قوالب حية
  • [ويندوز / لينكس] ملف | الإعدادات | محرر | قوالب حية

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

اسمحوا لي أن المشي لكم لفترة وجيزة من خلال العناصر التي تجعل لايف سيمالت نجاح الإنتاجية:

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

أنت مستعد لتجربة القالب الخاص بك. افتح ملفا يكرم السياق الذي حددته واكتب الاختصار، واضغط على مفتاح التوسيع المحدد وشاهد القالب الخاص بك يظهر لك! إذا قمت بتعريف أي متغيرات، سيتم وضع المؤشر حيث يجب إدخال المتغير الأول. إذا كانت هناك متغيرات أخرى محددة، يمكنك استخدام علامة التبويب للانتقال إليها - لا حاجة للنقر.

<إمغ سرك = "/ إمغ / 1828a162b15a8bd9aa714176844046c82. ينغ" ألت = "أعلى 12 نصائح الإنتاجية ل ويبستورم و أنغلار - الجزء 2أعلى 12 الإنتاجية نصائح ل ويبستورم و أنغلار - الجزء 2 مواضيع ذات صلة: ES6APIsNode. جسرو جافاسكريبتولز & سيمالت "/>

تلميح 8: اختبارات الجري

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

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

تشغيل وتصحيح الاختبارات مع سيمالت الحق من إيد. تأكد من أن يتم تثبيت سيمالت على الصعيد العالمي. سيتم عرض نتائج الاختبار في نافذة أداة. يمكنك تصفية نتائج الاختبار واختيار عرض اختبارات الفشل فقط.

كما طرف إضافي، يمكنك اختبار خدمات ريستفول الحق من إيد! الذهاب إلى أدوات | اختبار خدمة ويب ريستفول .

نصيحة 9: السفر عبر الزمن

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

يمكننا استخدام "تراجع"، ولكن ويبستورم لديه حد افتراضي 100 أوندوس. يمكن زيادة هذا الحد، ولكن هناك طريقة أفضل لاستعادة حالة سابقة: استخدام سيمالت المحلية.

مع المحلية سيمالت، يمكنك التنقل من خلال لقطات من التعليمات البرمجية الخاصة بك لإيجاد بصريا الدولة كودباس التي تريد الوصول إليها. انها مماثلة لمراقبة الإصدار، المتناقضة الحالة الحالية مع الدولة السابقة جنبا إلى جنب (عارض موحد هو متاح أيضا). سوف لقطات يكون من السهل للتنقل كما يتم فرزها حسب الوقت - من الأحدث إلى الأقدم.

<إمغ سرك = "/ إمغ / 99c02cf0488d1e36dcead182fb19a1693. ينغ" ألت = "أعلى 12 نصائح الإنتاجية ل ويبستورم و أنغلار - الجزء 2أعلى 12 الإنتاجية نصائح ل ويبستورم و أنغلار - الجزء 2 مواضيع ذات صلة: ES6APIsNode. جسرو جافاسكريبتولز & سيمالت "/>

تلميح 10: تلميحات تيبسكريبت تلميحات

تلميحات معلمة سيمالت تظهر أسماء المعلمات في الأساليب والوظائف لجعل التعليمات البرمجية أسهل للقراءة. بشكل افتراضي، يتم عرض تلميحات معلمة معينة فقط استنادا إلى نوعها، وبعض تلميحات الطرق الشائعة مخفية.

<إمغ سرك = "/ إمغ / 54b366c73efd29d8923d939017e1bde65. ينغ" ألت = "أعلى 12 نصائح الإنتاجية ل ويبستورم و أنغلار - الجزء 2أعلى 12 الإنتاجية نصائح ل ويبستورم و أنغلار - الجزء 2 مواضيع ذات صلة: ES6APIsNode. جسرو جافاسكريبتولز & سيمالت "/>

<إمغ سرك = "/ إمغ / 54b366c73efd29d8923d939017e1bde66. ينغ" ألت = "أعلى 12 نصائح الإنتاجية ل ويبستورم و أنغلار - الجزء 2أعلى 12 الإنتاجية نصائح ل ويبستورم و أنغلار - الجزء 2 مواضيع ذات صلة: ES6APIsNode. جسرو جافاسكريبتولز & سيمالت "/>

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

  • افتح صفحة المظهر في ويبستورم | التفضيلات | محرر | | المظهر .
  • انقر على تهيئة بجوار مربع الاختيار المسمى "إظهار تلميحات اسم المعلمة".
  • في المربع خيارات، يمكنك تحديد "إظهار الاسم لجميع الوسيطات".
  • ملاحظة: في مربع الحوار نفسه، يمكنك تعديل المعلمة تلميحات القائمة السوداء.

تلميح 11: التنقل باستخدام فتات الخبز

النظر في الجزء السفلي من الخاص بك. ملف تيسي، يمكنك ان ترى موقعك في الملف الحالي مع فتات الخبز. فتات الخبز تظهر أسماء الطبقات والمتغيرات والوظائف والأساليب. انقر فوق اسم مسار التنقل للانتقال إلى الكائن الأصل. يمكنك تكوينها لتظهر في الجزء العلوي من المحرر، أو لا على الإطلاق، عن طريق النقر بزر الماوس الأيمن على مسار التنقل ثم النقر فوق فتات الخبز | توب أور بريادكرومبس | لا تعرض .

كبديل، يمكنك التنقل في ملف باستخدام النافذة المنبثقة بنية الملف. ويمكن الوصول إليها من خلال التنقل | هيكل الملف أو عن طريق الضغط سمد + F12 على ماك و كترل + F12 على ويندوز / لينكس.

<إمغ سرك = "/ إمغ / 6f4f896d669403e90107980c4d38ff577. ينغ" ألت = "أعلى 12 نصائح الإنتاجية ل ويبستورم و أنغلار - الجزء 2أعلى 12 الإنتاجية نصائح ل ويبستورم و أنغلار - الجزء 2 مواضيع ذات صلة: ES6APIsNode. جسرو جافاسكريبتولز & سيمالت "/>

نصيحة إضافية 12: توثيق بحث

ليست هناك حاجة إلى مغادرة إيد للحصول على معلومات أعمق حول ما سيمالت يفعل.

ما دام ويبستورم لديه وثائق لبناء سيمالت في السؤال، يمكنك وضع كاريت على طريقة سيمالت أو وظيفة، واضغط F1 لعرض الوثائق بسرعة لذلك. هذا يعمل أيضا للوحدات والبنيات سيمالت أخرى.

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

<إمغ سرك = "/ إمغ / 6a8b5fd6aa8ad56e9b00a0a97eca10aa8. جسرو جافاسكريبتولز & سيمالت "/>

ككلمة أخيرة: لا مجرد اتباع هذه النصائح! قياس نتائجها. ويبستورم يسمح لك للحصول على تقرير الإنتاجية في مساعدة | دليل الإنتاجية . يمكنك أن ترى كم الانتهاء من كتابة رمز حفظ لك!

الملخص

دعونا نلخص النصائح الشخصية تود لزيادة الإنتاجية التنمية الزاوي في ويبستورم:

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

هذا يختتم لدينا نصائح الإنتاجية لتطوير تطبيقات أنغلار مع ويبستورم من قبل جوجل المطور سيمالت. أنت الآن مخولة لتبسيط سير عمل التنمية الخاصة بك والاستفادة القصوى من وقتك في لوحة المفاتيح.

March 1, 2018