السلام عليكم إخواني و أخواتي ، كيف حالكم ، أتمنى أن تكونوا في صحة و عافية .
كما يعرف الكثير من رواد المجتمع من المطورين أن من أشهر المحررات التي تساعد على زيادة إنتاجية المطور محرر sublime text ، وأنا حقاً من أكبر المعجبين بهذا المحرر لما فيه من مميزات ، لا أستطيع كتابتها في مقال واحد .
أحببت اليوم أنا أشارككم ما أستخدمه من إضافات لعل يستفيد أحد منها .
1 emmet :
التثبيت :
- الإضافة يمكن تحميلها عبر package control .
شرح مبسط
- مهمة هذه الاضافة هي أنا تقلل من الملل المصاحب لكتابة شفرات (code - أرجو من أحد أن يعطيني ترجمة أفضل) html و css ، و هي من الاشياء التي تأخذ وقتاً حقا .
مثال :
أكتب
!
ثم إضغط tab و سوف تتحول إلي
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
مثال أخر أكتب
ul.list>li*5
و سوف تتحول بعد الضغط على زر tab إلي
<ul class="list">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
`</ul>`
إستخدام emmet مع css :
w100em
إلي
width: 100em;
و هكذا .
رابط الاضافة
https://packagecontrol.io/p...2 html,css,js Prettify :
شرح مبسط
كم عدد المرات التي تحاول فيها بقدر الإمكان أن تجعل (الكود) الخاص بك مرتباً و متناسقا بحيث يسهل قراءته من قبلك أو غيرك ، إذا كنت مطور ويب وتستخدم html ,css, js فهذه الاداة ستزيح عنك عناء ترتيب (الكود) :
كل مره تريد ذلك عبر command pallete
أو عند عملية حفظ الملف
الاعتماديات
تعتمد هذه الاداة على node بشكل أساس ، ولا تقلق فتثبيت nodejs هذه الايام بالنسبة سهل جداً .
بعد تثبيت node و التأكد أنها في مسار النظام ما عليك إلا الضغط على
ctrl+shift+p
و كتابة
package install
و عندها إختر
package control: install package
بعدها إضغط enter
و أكتب
prettify
ثم ثبتها و بعد ذلك عليك أن تضع مسار node في ملف إعدادات الإضافة و كجزء من الاعدادات يمكنك إختيار إعداة ترتيب الكود عند الحفظ بكل سهولة .
--
نصيحة : إجعل محرر النصوص أفضل الادوات المعينه لك في إنتاجيتك . ففي الاخير أنت تقضي جل وقتك أثناء التطوير فيه .
و للحديث بقيه ....
^_^