freeCodeCamp/guide/arabic/developer-tools/source-code-editors/adding-snippets-to-your-sub.../index.md

36 lines
2.3 KiB
Markdown
Raw Normal View History

---
title: Adding Snippets to Your Sublime Text Installation
localeTitle: إضافة قصاصات إلى التثبيت نص سامية
---
إذا كنت مستخدمًا لنصوص سامية (آمل أن تكون كذلك ، فإن ذلك يدقع في المؤخرة. يمكنك الحصول عليه [هنا](https://www.sublimetext.com/) ) ، فقد تكون قد لاحظت بالفعل بعض إمكانيات إكمال علامة التبويب. على سبيل المثال ، عندما تقوم بفتح علامة html مثل `<p>` ، فإنه يقوم تلقائيًا بإغلاق العلامة بمجرد كتابة `/` . يمكنك الحصول على وظائف مشابهة للقطع البرمجية التي تنتهي بها إعادة الكتابة مرارا وتكرارا ، وهذا سهل للغاية.
إليك مثال ، يتم تنشيطه بعد كتابة `div` ثم علامة التبويب:
![نص بديل](//discourse-user-assets.s3.amazonaws.com/original/2X/5/59a4d233d2dcb17b76a9c36ca30c5bb07a35d00b.png)
## الخطوة 1.
انقر على `Tools > New Snippet...` في شريط التنقل. سيؤدي هذا إلى فتح ملف skeletton skypeton سيظهر على النحو التالي:
![نص بديل](//discourse-user-assets.s3.amazonaws.com/original/2X/a/a56106fbf754f7e641342d1ebdbc3f5bed582263.png)
## الخطوة 2.
ستقوم بإضافة المقتطف عن طريق استبدال النص `Hello, ${1:this} is a ${2:snippet}.`
في حالة مقتطف `div` ، يكون الأمر بسيطًا مثل وضع النص التالي في منطقة القصاصة:
`<!-- $1 -->
<div class= "$1">
</div>
<!-- $1 -->
`
يشير المشغل `$` إلى المتغيرات التي سيتم كتابتها بمجرد كتابة `div` ثم علامة التبويب. في الواقع يمكن أن يكون لديك أي عدد منهم!
## الخطوه 3.
حفظ الملف. يمكنك تقديم أي اسم تريده ، ولكن **يجب أن** يكون `.sublime-snippet` . تذكر ، يمكنك فقط الحصول على مقتطف واحد لكل ملف! أحب أن أعطيهم أسماء وصفية مثل `html-div.sublime-snippet` .
وهناك لديك! يمكنك الحصول على الإبداع كما تريد.