لقد رأيت مقالًا يقدم WebStrom على الإنترنت وشعرت أن الوظيفة قوية حقًا. أعرف أيضًا لماذا تحتوي الملفات التي تم نقلها إلى GitHub على ملف Alibaba's Front Front على ملف .idea. (يقال أن Taobao توصي بكتابة JS لاستخدام WebStrom داخلها)
يمكننا أن نفهم أن IDE يدمج الكثير من الميزات التي تريدها ، أو الميزات التي لا تريدها. بمعنى آخر ، يتم تثبيت المحررين الذين لديهم العديد من المكونات الإضافية ، لذلك حتى الآن ، ما زلت أشعر أنه لا توجد حاجة لتثبيت أي مكونات إضافية لذلك.
ثم لنبدأ في تقديم الميزات الخاصة لـ WebStrom :
WebStorm هي أداة تطوير JavaScript التجارية التي أطلقتها JetBrains
يجب حفظ أي محرر (CTRL + S) ، وهي ميزة تحرير البرامج على جميع منصات الفوز ، لكن الركن الأيمن العلوي من ملف تحرير العاصفة الويب لا يحتوي على هذا المألوف*.
الفوائد: بعد القضاء على CTRL + S ، يمكنك رؤية صفحة النتائج دون تحريك الماوس.
العيب: بدون الشعار السابق * ، سيتم تخزينه على الفور إذا تم تشغيل لوحة المفاتيح بشكل غير صحيح.
طالما تم إغلاق الملف ، فلن يكون هناك تاريخ لأي محرر ، ولكن WebStorm لديه. VCS-> التاريخ المحلي -> إظهار التاريخ (مفتاح الاختصار: Alt+~ -> 7)
الميزة: طالما لم يتم إغلاق عاصفة الويب ، يمكن إرجاع ملفك إلى العملية السابقة في أي وقت (وهذا هو السبب في أن Ctrl+Y هو السبب في عاصفة الويب ، فذلك بسبب حذف خط).
العيوب: يتم اختفاء هذه السجلات التاريخية بعد أن تم إغلاق عاصفة الويب وإعادة تشغيلها ؛ عيب آخر هو أن استهلاك الذاكرة الناجم عن هذا سيكون حتما كبير نسبيا.
لا يوجد لدى أي محرر إصدار محلي باستثناء Server SVN ، لكن WebStorm يوفر سجل تعديل الملفات المحلي (مفتاح الاختصار: ALT+Shift+C). يمكنك أيضًا Ctrl + E لإطفاء الملف الذي تم فتحه مؤخرًا.
الفوائد: ما يعادل SVN المحلي.
العيب: يجب أن يكون استهلاك الذاكرة كبيرًا نسبيًا.
يدمج Zencoding ، HTML5 ، FTP ، التحرير الفوري (Chrome) ، الانتهاء التلقائي ، مصحح JavaScript المستند إلى Mozilla ، JSLINT ، دعم أقل ، دعم Coffescript ، Node.JS ، اختبار الوحدة ، التحكم في إصدار GIT و SVN وغيرها من الميزات.
عند كتابة CSS ، ستطالب بذكاء الملفات والصور المختلفة ، لذلك لم تعد بحاجة إلى تأكيد ما إذا كان هذا الملف موجودًا.
يتم تقديم ميزات أخرى. إذا كنت ترغب في معرفة المزيد ، فيمكنك الذهاب إلى الموقع الرسمي لـ WebStrom لمواصلة البحث. بعد قراءة هذه المقدمة والعديد من الميزات القوية ، هل تم حثك على تجربة هذا القطع الأثرية الأمامية الأسطورية على الفور؟ أم.
أولاً ، بعد تنزيل WebStrom على صفحة التنزيل الرسمية ، انقر فوق تثبيت ، ثم تابع إلى الخطوة التالية. أخيرًا ، ستظهر واجهة رمز التسجيل ، لأن WebStrom هي IDE تجارية ، وبالطبع لا تملك الواجهة الأمامية الحريرية من Tianchao هذا الأموال لشراء مثل هذا القطع الأثرية باهظة الثمن. لا تقلق ، يمكننا استخدام مفتاح WebStorm لتعلم استخدام هذا القطع الأثرية الأمامية. Hehe ~~~~
بعد نجاح التثبيت ، سأشعر بالتأكيد بعدم الارتياح قليلاً ، تمامًا كما أعتقد أن نظام الألوان هذا معقول للغاية. هناك بعض الإعدادات التي لا أريدها أيضًا. ثم أدناه سوف أدرج الإعدادات التي اعتدت عليها.
بعض نصائح الإعداد بعد تثبيت عاصفة الويب :
كيفية تغيير السمة (خطوط ونظام الألوان):
ملف -> الإعدادات -> محرر -> الألوان والخطوط -> اسم المخطط. عنوان تنزيل الموضوع
كيفية منع عاصفة الويب من فتح ملفات المشروع عند البدء:
ملف -> الإعدادات -> إزالة مشروع إعادة فتح آخر مشروع آخر عند بدء التشغيل.
كيفية عرض الصينية تمامًا:
تحقق من تجاوز الخطوط الافتراضية بواسطة (غير موصى به) في الملف -> الإعدادات-> المظهر ، تعيين الاسم: nsimsun ، الحجم: 12
كيفية عرض أرقام الأسطر:
الملف -> الإعدادات-> محرر ، "أرقام سطر العرض" تحقق من ذلك وسيتم عرض رقم السطر.
كيفية لف الرمز تلقائيًا:
الملف -> الإعدادات -> محرر "استخدام اللفائف اللينة في المحرر" مدمن مخدرات وسيقوم الرمز تلقائيًا بلف السطر تلقائيًا
كيفية النقر فوق المؤشر ، سيتم عرضه في نهاية هذا السطر:
الملف -> الإعدادات-> محرر "السماح بوضع Caret بعد نهاية السطر" فقط قم بإزالة الخطاف.
كيفية تعديل المفتاح السريع:
ملف-> الإعدادات-> Keymap ، ثم انقر نقرًا مزدوجًا فوق الوظيفة التي تريد تعديلها بسرعة. سيكون هناك مربع موجه. اتبع المطالبات.
التغيير إلى المفاتيح السريعة التي تعرفها على المحرر:
ملف -> الإعدادات -> يدعم Keymap IDEs السائدة مثل Visual Studio و Eclipse و NetBeans.
مطالبات مكتبة فئة JavaScript.
الملف -> الإعدادات -> JavaScript -> المكتبات -> ثم حدد مكتبة فئة JavaScript التي تستخدمها غالبًا في القائمة ، وأخيراً سيكون التنزيل والتثبيت على ما يرام.
عند تطوير JS ، وجد أن هناك حاجة إلى عودة CTRL + لتحديد المرشحين:
الملف -> الإعداد -> محرر -> إكمال الكود -> preselect الاقتراح الأول: "ذكي" إلى "دائما"
مطالبة JS بطيئة
ملف -> إكمال الكود -> autopopup في 1000 إلى 0
تكوين GIT:
الملف -> الإعدادات -> محرر -> github ، انتقل وتغيير حساب github ، إذا لم يكن هناك غيت ، فأنت لست بحاجة إليه.
تثبيت البرنامج المساعد:
File -> Plugins ، ثم حدد المكونات الإضافية القوية وقم بتثبيتها. (يتم استخدام المكون الإضافي "CSS-X-Fire" لتعديل سمات CSS باستخدام Firebug ، وسيتغير رمز CSS في المحرر أيضًا.)
تحديث لاحقًا
تجربة استخدام العاصفة على الويب
وظيفة المفضلة:
عندما يكون دليل المشروع ضخمًا ، تكون بعض الدلائل الفرعية مفتوحة في كثير من الأحيان ، ولكن المستويات عميقة للغاية. في هذا الوقت ، يمكنك إضافة الدليل إلى مفضلاتك. بعد إضافة ناجحة ، هناك قائمة "المفضلة" على اليسار.
ملاحة الخبز:
بالإضافة إلى صفحة المشروع على اليسار ، يمكنك تحديد دليل ، ضمن القائمة العليا ، يمكن أن يحقق دليل مشابه لملاحة Breadcrumb موقع الويب نفس الوظيفة. سيكون للنقر على كل دليل قائمة منسدلة لعرض الدلائل الفرعية تحتها ، وهو أمر عملي للغاية.
واجهة المنشئ:
إذا كانت التعليقات تتماشى مع التنسيق ، فسيظهر. إذا كان ملف JS ، فهو دالة وكائن فئة JS ؛ إذا كان ملف CSS ، فهو ملخص لملف CSS ؛ إذا كان ملف HTML ، فهو مخطط هيكل العقدة. بالمناسبة ، هذه هي لراحة عرض بنية الكود.
واجهة تودو:
ستظهر هذه الواجهة إذا قمت بإضافة تعليقات ToDo إلى الرمز
واجهة رمز العمود المزدوج:
انقر بزر الماوس الأيمن على الملف في علامة التبويب الكود ، وانقر بزر الماوس الأيمن-> متمسك رأسياً (شاشتان على اليسار واليمين) أو متسكعان أفقيًا (شاشتان في الجزء العلوي والسفلي)
ميزات التاريخ المحلي:
طريقة جيدة لاسترداد الرمز
استخدم git
تعمل WebStorm فقط على دمج العمليات المشتركة لـ GIT ولا يمكنها استبدال أدوات سطر الأوامر تمامًا. في الركن الأيمن السفلي من الواجهة ، يمكنك التحقق من فرع GIT الذي أنت فيه. يمكنك أيضًا النقر على التبديل أو إنشاء فرع جديد أعلاه.
تحقق من الفرق بين الكود الحالي ورمز المستودع:
انقر بزر الماوس الأيمن فوق أي منطقة من واجهة الكود ، حدد GIT -> مقارنة مع مكتبة الإصدار وحددها.
وصف مفتاح اختصار WebStorm:
تحرير التحرير مفاتيح الاختصار
Ctrl + Space:
إكمال الكود الأساسي (اسم أي فئة أو طريقة أو متغير) إكمال الكود الأساسي (أي فئة أو دالة أو اسم متغير) ، تم تغييره إلى Alt+S
Ctrl + Shift + Enter:
اكتمل البيان أكمل البيان الحالي
Ctrl + P:
معلومات المعلمة (ضمن وسيطات استدعاء الطريقة) تتضمن معلومات المعلمة معلمات استدعاء الطريقة
CTRL + الماوس فوق الكود
معلومات موجزة معلومات بسيطة
Ctrl + F1
إظهار وصف الخطأ أو التحذير في خطأ عرض الرعاية أو تحذير في الرعاية
alt + insert
قم بإنشاء رمز ... (getters ، المستقدون ، المُنشئون) قم بإنشاء ملف جديد أو إنشاء رمز ، ... مُنشئون ، يمكنك إنشاء أساليب getters وأساليب أي حقل في الفصل
Ctrl + o
تجاوز طريقة التحميل الزائد للأساليب
Ctrl + i
تنفيذ طريقة تنفيذ الأساليب
Ctrl + Alt + T
يحيط بـ ... (إذا ، وإلا ، حاول ، catch ، ل ، إلخ) يستخدم * لتطويق الخط المحدد من التعليمات البرمجية ، ( * يشمل ، أثناء ، حاول ، وما إلى ذلك))
CTRL + /
التعليق/عدم التخلص من التعليق على سطر التعليق/الفصل
Ctrl + Shift + /
التعليق/عدم التخلص من التعليقات التعليق التعليق/عدم التوقف
ctrl + w
حدد زيادة كتل الرمز بنجاح ، حدد كتل التعليمات البرمجية ، والاختيار التزايدي عمومًا
Ctrl + Shift + W
تقليل الاختيار الحالي إلى الحالة السابقة ، تراجع مفتاح الاختصار السابق ، رمز اختيار الانخفاض
Alt + Q.
معلومات السياق معلومات السياق
alt + enter
إظهار تصرفات النية والثبات السريع
Ctrl + Alt + L
رمز تنسيقات رمز إعادة إصلاح وفقًا لتنسيق القالب
علامة التبويب/ التبادل + علامة التبويب
المسافة البادئة/الخطوط المحددة غير المستدامة عن المسافة البادئة/الخطوط المحددة غير المستدامة/المسافة البادئة غير المستدامة
Ctrl + X أو Shift + Delete
قطع الخط الحالي أو كتلة محددة إلى الحافظة
Ctrl + C أو Ctrl + إدراج
نسخ السطر الحالي أو كتلة محددة إلى Chipboard نسخ السطر الحالي أو كتلة التعليمات البرمجية المحددة إلى الحافظة
Ctrl + V أو Shift + Insert
لصق من الحافظة
Ctrl + Shift + V
لصق من المخازن المؤقتة الأخيرة الصق أحدث محتوى في المخزن المؤقت
Ctrl + د
تكرار السطر الحالي أو كتلة محددة نسخ السطر الحالي أو كتلة رمز محدد
Ctrl + y
حذف الخط في Care Delete Line في المؤشر
Ctrl + Shift + J
انضم Smart Line (HTML و JavaScript فقط)
Ctrl + Enter
تقسيم الخط الذكي (HTML و JavaScript فقط)
Shift + Enter
بدء خط جديد
Ctrl + Shift + u
تبديل حالة الكلمة في الرعاية أو تحويل حالة الكتلة المحددة
Ctrl + Shift +]/[
حدد Till Code Block End/ابدأ تحديد حتى نهاية/بداية كتلة الكود
CTRL + حذف
حذف إلى نهاية كلمة نهاية حذف نهاية النص
Ctrl + Backspace
حذف إلى Word START SELETE TEXT START
Ctrl + Numpad +/-
قم بتوسيع/انهيار كتلة رمز التوسع/انهيار كتلة رمز
Ctrl + Shift + Numpad +
توسيع الكل
Ctrl + Shift + Numpad-
انهيار كل شيء
Ctrl + F4
أغلق علامة تبويب المحرر النشط إغلاق علامة التحرير النشط
البحث/استبدال البحث/استبدال مفاتيح الاختصار ذات الصلة
Ctrl + f
ابحث عن رمز البحث السريع في الملف الحالي
Ctrl + Shift + F
البحث في المسار حدد المسار لإيجاده في الملف
F3
العثور على التالي
Shift + F3
العثور على السابق
Ctrl + ص
استبدال استبدال الكود في الملف الحالي
CTRL + Shift + R
استبدال في المسار حدد استبدال الدُفعات في الملف في الملف
البحث عن البحث عن استخدام مفاتيح الاختصار
Alt + F7/Ctrl + F7
ابحث عن الاستخدامات/العثور على استخدامات في الملف ، ابحث عن الاستخدام/ابحث عن الاستخدام
Ctrl + Shift + F7
تسليط الضوء على الاستخدامات في الملف
Ctrl + Alt + F7
عرض الاستخدام
جري
Alt + Shift + F10
حدد التكوين وتشغيله
Alt + Shift + F9
حدد التكوين والتصحيح حدد البنية لإصلاح نقاط الضعف
Shift + F10
يجري
Shift + F9
نقاط الضعف تصحيح التصحيح
Ctrl + Shift + F10
قم بتشغيل تكوين السياق من بنية محرر تشغيل المحرر من المحرر
Ctrl + Shift + x
تشغيل سطر الأوامر
تصحيح أخطاء مفاتيح الاختصار ذات الصلة
F8
الخطوة لا تدخل الوظيفة
F7
خطوة إلى خطوة بخطوة
Shift + F7
خطوة ذكية في خطوة ذكية
Shift + F8
خرج
Alt + F9
ركض إلى المؤشر على المؤشر
Alt+ F8
تقييم التعبير
F9
إعادة تشغيل برنامج السيرة الذاتية يعيد تشغيل البرنامج
Ctrl + F8
تبديل نقطة توقف نقطة التوقف
Ctrl + Shift + F8
عرض نقاط التوقف
تحديد موقع الملاحة مفاتيح الاختصار
Ctrl + n
انتقل إلى الفصل القفز إلى الفصل المحدد
Ctrl + Shift + N
انتقل إلى الملف بسرعة ابحث عن الملفات في مشروع من خلال أسماء الملفات
Ctrl + Alt + Shift + N
انتقل إلى وضع وظيفة البحث عن الرمز بواسطة حرف واحد
alt + يمين/ اليسار
انتقل إلى علامة تبويب المحرر التالية/ السابقة ، انتقل إلى خيار المحرر التالي/ السابق
F12
ارجع إلى نافذة الأداة السابقة
خروج
انتقل إلى المحرر (من نافذة الأداة) أدخل المحرر من نافذة الأداة
Shift + ESC
إخفاء النافذة النشطة أو الأخيرة النشطة
Ctrl + Shift + F4
أغلق النشاط النشط/الرسالة/البحث/... تاب إغلاق النشاط ...
Ctrl + G.
انتقل إلى الخط القفز إلى الخط
Ctrl + e
الملفات الحديثة المنبثقة المنبثقة في الملف الذي تم افتتاحه مؤخرًا
ctrl + alt + اليسار/اليمين
انتقل إلى الوراء/الأمام انتقل إلى الأمام/للخلف
Ctrl + Shift + Space
انتقل إلى آخر موقع تحرير انتقل إلى آخر تحرير
Alt + F1
حدد الملف أو الرمز الحالي في أي عرض أوجد موقع الرمز أو الملف المحدد حاليًا في وحدات واجهة أخرى
Ctrl + B أو Ctrl + انقر فوق
انتقل إلى إعلان القفز إلى التعريف
Ctrl + Alt + B
انتقل إلى موقع تنفيذ طريقة التنفيذ (التنفيذ)
Ctrl + Shift + B
اذهب إلى نوع تعريف طريقة القفز إعلان
Ctrl + Shift + i
افتح تعريف تعريف سريع مفتوح تعريف سريع البحث
Ctrl + u
انتقل إلى طريقة القفز الفائقة/الفئة الفائقة/الفئة الفائقة
Alt + Up/Down
انتقل إلى الطريقة السابقة/التالية نقل المواقع بسرعة بين الأساليب
Ctrl +]/[
انتقل إلى كود كتلة نهاية/ابدأ القفز إلى النهاية/بداية تشفير كتلة
Ctrl + F12
بنية الملف المنبثقة بنية الملف المنبثقة
Ctrl + H.
اكتب التسلسل الهرمي التسلسل الهرمي
Ctrl + Alt + H
استدعاء التسلسل الهرمي التسلسل الهرمي
F2/ Shift + F2
القفز على الخطأ التالي/السابق الذي تم تسليط الضوء عليه إلى الخطأ التالي/السابق ، أو تسليط الضوء على الخطأ أو التحذير لتحديد موقعه بسرعة ، استخدم مفتاح الاختصار هذا للانتقال بسرعة بين العبارات الخاطئة.
F4/Ctrl + Enter
تحرير مصدر/عرض مصدر تحرير المصدر/العرض
ALT + Home
عرض شريط التنقل
F11
تبديل إشارة مرجعية علامة
Ctrl + F11
تبديل المرجعية مع ذاكري
Ctrl + #[0-9]
انتقل إلى قفزة مرجعية مرقمة إلى علامة مرقمة
Shift + F11
إظهار المرجعية
إعادة إنشاء مفاتيح الاختصار ذات الصلة
F5
ينسخ
F6
يتحرك
ALT + DELETE
حذف آمن حذف آمن
Shift + F6
إعادة تسمية تسمية
Ctrl + Alt + N
متغير متغير مضمّن
Ctrl + Alt + M
طريقة الاستخراج (JavaScript فقط) استخراج وظيفة
Ctrl + Alt + V
مقدمة متغير
Ctrl + Alt + F
مجال مقدمة
Ctrl + Alt + C
مقدمة ثابتة
VCS/نظام التحكم في إصدار التاريخ المحلي/مفاتيح الاختصار المحلية ذات التاريخ المحلي
Alt + Backquote ()
'vcs'quick popup vcs بسرعة
Ctrl + K.
مشروع الالتزام بـ VCS إرسال مشروع إلى VCS
Ctrl + t
تحديث المشروع من مشروع تحديث VCS من VCS
Alt + Shift + C
عرض التغييرات الحديثة عرض أحدث التغييرات
مفاتيح الاختصار ذات الصلة الشائعة الاستخدام للجنرال
Ctrl + Shift + a
ابحث عن الإجراء وظيفة العثور على المحرر والاتصال به
Alt + #[0-9]
فتح نافذة الأداة المقابلة بسرعة لفتح وحدة الواجهة
Ctrl + Alt + F11
تبديل وضع ملء الشاشة وضع ملء الشاشة
Ctrl + Shift + F12
تبديل التحرير إلى أقصى حد
Alt + Shift + F
أضف إلى المفضلات إضافة الملف الحالي إلى مفضلاتك
Alt + Shift + i
فحص الملف الحالي مع ملف التعريف الحالي تحقق من الملف الحالي مع ملف التعريف الحالي
Ctrl + Backquote ()
التبديل السريع المخطط الحالي Scheme Switch Current Scheme
Ctrl + Alt + S
فتح مربع حوار إعداد فتح مربع الحوار الإعدادات
CTRL + علامة التبويب
التبديل بين علامات التبويب وتحويل نافذة الأداة (تعارض مع مفاتيح اختصار Windows)
هل عرفت بالفعل أداة تطوير JavaScript WebStrom؟ لا أستطيع الانتظار لتجربته ، وأضمن أنك ستحبها بعد استخدامها.