موصى به, 2024

اختيار المحرر

مراجعة: WebStorm 5 IDE يوفر ميزات التحرير القوية وردود الفعل الفورية لمطوري الويب

42 WebStorm Tips and Tricks

42 WebStorm Tips and Tricks
Anonim

واحدة من الأشياء العظيمة في تطوير الويب هي العائق المنخفض أمام الدخول. تتوفر العديد من البرامج التعليمية عبر الإنترنت ، ويمكنك التعرف على CSS و HTML من أي موقع ويب فقط من خلال فحص الكود الخاص به في أي متصفح ويب حديث. أفضل شيء ، عندما يحين وقت بدء الترميز ، يمكن لأي محرر نص عادي - حتى Notepad - القيام بالمهمة. فلماذا تنفق 49 دولارًا على WebStorm ، وهي بيئة تطوير لجافا سكريبت و HTML و CSS؟ والجواب هو أنه قد يحولك إلى مطور أفضل.

WebStorm يدعم اللغات الحديثة مثل Sass و Less.

ميزة Live Edit الرائعة في WebStorm جديدة للإصدار 5. مع Live Edit ، يمكنك إلقاء نظرة على صفحتك في Google Chrome أثناء التعديل ، وينعكس أي تغيير تجريه في شفرتك على الفور في Chrome. لا يتعين عليك حفظ الصفحة ، أو تحديثها يدويًا في Chrome - فعملية التحديث تتسم بالسلاسة ، وهي سهلة الإعداد ، وتتطلب فقط إضافة مجانية إلى Chrome. يعمل Live Edit أيضًا مع CSS وجافا سكريبت ، وقام بائع JetBrains بتجميع عرض فيديو مثير للإعجاب يظهر كيف يمكن استخدام هذه الميزة لوضع تطبيق جافا سكريبت سريعًا بشكلٍ أسرع.

إذا أتيت إلى WebStorm من محرر مثل Notepad ++ أو Vim ، ستعرف بسرعة أن WebStorm ليس محرر نصوص. بالتأكيد ، يحتوي على عنصر محرر نصوص نصية مع الإكمال التلقائي ، والطى ، وأكثر من ذلك ؛ لكن هذا جزء فقط من الصورة. ليس من المفترض أن تقوم ببدء ملف CSS في WebStorm لتحرير سريع وأن يتم ذلك: WebStorm هو IDE ، وتعمل IDEs مع المشاريع. لذا فإن أول شيء تريد WebStorm القيام به هو استيراد عملك الحالي كمشروع. إذا كنت تحافظ على موقع مباشر على الإنترنت ، فهذا يعني تنزيل عملك وإنشاء مشروع دون اتصال.

[اقرأ المزيد: يحتاج جهاز الكمبيوتر الجديد إلى هذه البرامج المجانية الممتازة الـ 15]

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

يساعدك WebStorm على بدء مشاريع جديدة في الأسلوب أيضًا: فهو يتميز بدعم مضمن لإطار Bootstrap الخاص بـ Twitter ، لـ HTML5 Boilerplate ، ولعدد من الأطر الأخرى. عندما طلبت منه بدء مشروع جديد يعتمد على Bootstrap ، سألتني عن إصدار Bootstrap الذي أريده ، ثم سحبت مستودع Git الرسمي في إطار العمل ، وقمت بفك ضغطه ، وقدمت لي مشروعًا جاهزًا لي لبدء العمل. على. في فقرة سابقة ، كان علي أن أنتظر لحظة قبل أن أتمكن من التصفح في مجلد المشروع ، لأن WebStorm كان مشغولا في تحليله. الإصدار 5.0 حل هذه المشكلة.

الحوار إعدادات WebStorm 's يجعل من السهل تعقب الإعداد الذي تريد تغييره.

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

أجزاء أخرى من WebStorm تتمحور حول لوحة المفاتيح بشكل مماثل. هل تريد أن تفعل شيئًا ولكنك غير متأكد من كيفية المتابعة؟ اضغط على Ctrl-Shift-A وابدأ في الكتابة (على سبيل المثال ، أضعاف إذا كنت ترغب في توسيع الطية باستخدام لوحة المفاتيح). ستبحث WebStorm على الفور عن جميع عناصر القائمة والإعدادات الخاصة بالسلسلة الفرعية التي قمت بكتابتها ، وستتيح لك تنفيذ الإجراء الذي تحتاج إليه مباشرةً من مربع الحوار هذا ، وبالتالي لا توجد حاجة للبحث عن القوائم. سيظهر لك أيضًا اختصارات لوحة المفاتيح المقترنة ، لذا لن تضطر إلى استخدام Ctrl-Shift-A في المرة القادمة (Ctrl-Numpad- + يوسع الطية الحالية للشفرة). دعم الإكمال التلقائي لـ Webstorm ممتاز أيضًا ، وصولاً إلى تحويل أسماء ألوان CSS إلى أرقام سداسية عشرية.

تعمل ميزة تحرير LiveStorm من WebStorm على تحديث نافذة المستعرض أثناء الكتابة ، ولا يتطلب الحفظ أو التحديث.

WebStorm يحل مشكلة لا يعرفها العديد من مطوري الويب - ولكن بمجرد إعطائها فرصة ، قد لا تنظر إلى الوراء أبداً . قد يجعلك تبدأ في مشروعك الجاد الأول. في 49 $ للحصول على ترخيص المطور الشخصي ، يقدم هذا التطبيق قيمة ممتازة مقابل المال. أيضًا ، إذا كنت تساهم في مشروع مفتوح المصدر ، فقد تكون مؤهلاً للحصول على ترخيص مجاني.

ملاحظة: الزر "جرّب مجانًا" في صفحة معلومات المنتج سينزِّل البرنامج إلى نظامك. هذه المراجعة هي تحديث لمراجعة يونيو 2012 للنسخة 4.0.

Top