انها ليست صدفة ذلك ذرة, يعد محرر التعليمات البرمجية المصدر الذي أنشأته Github شائعًا في مجتمع تطوير الويب. ليست فقط الموسعة بسهولة مع الآلاف من حزم أتوم ، ويحتوي على دعم اللغة واسعة, ولكن تقريبا كل جزء هو تخصيص من قبل المستخدم.
من خلال الاستفادة من ذرة ميزة القصاصات, يمكنك جعل سير العمل الترميز الخاص بك أكثر إنتاجية ، من خلال إعادة استخدام مقتطفات الشفرة المتكررة يمكنك تقليل الجزء المتكرر من عملك. في هذا المنشور ، سأريك كيف يمكنك ذلك استخدم مقتطفات الشفرة المدمجة في Atom, و إنشاء قصاصات مخصصة الخاصة بك.
استخدم مقتطفات الكود المدمجة
بشكل افتراضي ، يأتي Atom قصاصات كود مدمجة, كل واحد منها هو ملزمة إلى نطاق ينتمون إلى نوع ملف معين. على سبيل المثال ، إذا كنت تعمل على ملف به .شبيبة التمديد ، لن تتوفر سوى المقتطفات التي تنتمي إلى نطاق جافا سكريبت لهذا الملف.
لترى جميع المقتطفات المتاحة لنوع الملف الحالي ، اضغط على Alt + Shift + S. إذا اخترت مقتطفًا من القائمة المنسدلة وانقر فوقه ، فسيقوم Atom بإدراج المقتطف الكامل في محررك دون أي متاعب أخرى.
إذا كنت على دراية بالخيارات بالفعل ، فلا يلزم بالضرورة تحميل القائمة بأكملها. عند بدء الكتابة ، Atom للملوثات العضوية الثابتة مربع نتائج الإكمال التلقائي أعلى ، يحتوي على مقتطفات الشفرة المتاحة التي تنتمي إلى نطاق معين والسلسلة التي كتبتها حتى الآن.
على سبيل المثال ، إذا قمت بكتابة ح شخصية في .أتش تي أم أل ملف ، قائمة منسدلة تحتوي جميع أجزاء HTML المضمنة التي تبدأ بـ ح سيظهر.
من خلال النقر على أي خيار ، سوف Atom الصق علامة HTML الكاملة (على سبيل المثال. ) ، و ضع المؤشر داخل علامة البداية والإغلاق.
إذا كنت لا تريد أن تهتم بالقائمة المنسدلة ، يمكنك تحقيق نفس النتيجة من خلال الكتابة H1, وضرب Tab أو Enter - كلا هذين المفتاحين أدخل مقتطف الشفرة الكامل ينتمون إلى بادئة المقتطف.
إضافة مقتطفات الشفرة المخصصة الخاصة بك
1. العثور على ملف التكوين
لإضافة مقتطفات الشفرة المخصصة الخاصة بك إلى Atom ، يلزمك أولاً العثور على ملف التكوين يسمى snippets.cson هذا هو CoffeeScript تدوين الكائن ملف.
اضغط على ملف> مقتطفات ... القائمة في الشريط العلوي ، وسوف أتوم فتح snippets.cson ملف يمكنك إضافة قصاصاتك المخصصة إليه.
2. العثور على النطاق الصحيح
سوف تحتاج اربعة اشياء لإضافة مقتطف مخصص:
ال اسم النطاق
ال اسم القصاصة
ال اختصار التي ستعمل بمثابة مقبض المقتطف
ال جسم القصاصة
يعتمد الاسم والبادئة ونص المقتطف (2-4) فقط عليك ، ولكن يجب عليك ذلك العثور على اسم النطاق (1) قبل إضافة مقتطفاتك المخصصة.
للعثور على النطاق الذي تحتاجه ، انقر فوق ملف> الإعدادات القائمة في شريط القائمة العلوي ، ثم العثور على حزم علامة التبويب بين الإعدادات. هنا ، قم بالبحث عن النطاق الذي تحتاجه ، على سبيل المثال إذا كنت ترغب في إضافة مقتطفات برمجية إلى لغة HTML ، فاكتب HTML في شريط البحث.
اضغط على حزمة دعم اللغة اللغة المختارة ، وفتح الإعدادات الخاصة بها. بين ال إعدادات القواعد, يمكنك العثور بسرعة على اسم النطاق ، كما ترى في الصورة أدناه.
فيما يلي بعض النطاقات التي قد ترغب في استخدامها في مشاريع Atom:
نص عادي: .نص عادي
HTML: .text.html.basic
CSS: .source.css
ساس: .source.sass
أقل: .source.css.less
جافا سكريبت: .source.js
PHP: .text.html.php
الثعبان: .source.python
جافا: .source.java
لا تنس أنك سوف تحتاج إلى أضف نقطة (.) أمام اسم النطاق من أجل استخدامه في snippets.cson ملف.
3. إنشاء مقتطفات كود سطر واحد
لخلق مقتطف شفرة سطر واحد, تحتاج إلى إضافة النطاق والاسم والبادئة ونص المقتطف إلى snippets.cson ملف ، باستخدام بناء الجملة التالي:
يضيف هذا المثال مقتطف العلامة مع عنوان الأداة فئة إلى نطاق HTML. يمكنك إضافة أي مقتطف شفرة آخر أحادي السطر إلى محرر Atom الخاص بك باتباع بناء الجملة هذا.
بعد حفظ ملف التكوين ، كلما كنت اكتب البادئة واضغط على المفتاح Tab, سوف يقوم Atom بلصق نص المقتطف التابع في محرر الكود. اسم المقتطف (في المثال عنوان الأداة) سيتم عرضها في مربع نتائج الإكمال التلقائي.
4. إنشاء مقتطفات كود متعدد الخطوط
مقتطفات الشفرة متعددة الأسطر استخدم بناء جملة مختلف قليلاً. تحتاج إلى إضافة نفس البيانات كما في المقتطفات ذات سطر واحد - النطاق والاسم والبادئة ونص المقتطف.
ما هو مختلف هنا هو أنك تحتاج إلى وضع نص المقتطف داخل زوج من "" " (ثلاثة علامات اقتباس مزدوجة).
يمكنك أيضًا تسهيل استخدام مقتطفات الشفرة المخصصة الخاصة بك عن طريق الإضافة توقف التبويب إلى مقتطف الجسم. تشير علامات الجدولة إلى النقاط التي يمكن للمستخدم التنقل فيها باستخدام مفتاح الجدولة. مع توقف علامات التبويب ، يمكنك توفير الوقت الذي يتطلبه التنقل في النص.
يمكنك إضافة علامات الجدولة باستخدام $ 1 ، $ 2 ، $ 3 ، ... بناء الجملة. سوف Atom وضع المؤشر إلى المكان الذي يجد $ 1, ثم يمكنك القفز إلى $ 2 مع مفتاح Tab ، ثم إلى $ 3, وما إلى ذلك وهلم جرا.
ذرة تسمح لك أضف معلومات اضافية إلى قصاصاتك باستخدام معلمات اختيارية. يمكن أن تكون هذه الميزة مفيدة إذا كان شخص آخر يستخدم أيضًا المحرر الخاص بك وترغب في إعلامه بالغرض من المقتطف ، أو إذا كان لديك مقتطفات مخصصة معقدة للغاية تحتاج إلى إضافة ملاحظات إليها.
قيم المعلمات الاختيارية هي عرض في مربع نتائج الإكمال التلقائي الذي يأتي عندما تبدأ في كتابة بادئة. في المثال أدناه ، أضفت وصفًا & a أكثر من… رابط إلى السابق عنوان الأداة مقتطف مخصص:
'.text.html.basic': 'عنوان القطعة': 'البادئة': 'wti "body': '"الوصف": "يمكنك إضافة عنوان عنصر واجهة مستخدم مع هذا المقتطف إلى عنصر واجهة الشريط الجانبي." descriptionMoreURL ':' http://hongkiat.com "
عندما يبدأ المستخدم في كتابة البادئة خام غرب تكساس الوسيط, سيتم عرض المعلومات الإضافية (وصف + رابط) في أسفل مربع نتائج الإكمال التلقائي. إلقاء نظرة على معلمات اختيارية أخرى يمكنك استخدامها لإضافة معلومات إضافية إلى مقتطفاتك المخصصة.
