السلام عليكم إخواني و أخواتي ، كيف حالكم ، أتمنى أن تكونوا في صحة و عافية .

كما يعرف الكثير من رواد المجتمع من المطورين أن من أشهر المحررات التي تساعد على زيادة إنتاجية المطور محرر 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/packages/Emmet


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 في ملف إعدادات الإضافة و كجزء من الاعدادات يمكنك إختيار إعداة ترتيب الكود عند الحفظ بكل سهولة .

--

نصيحة : إجعل محرر النصوص أفضل الادوات المعينه لك في إنتاجيتك . ففي الاخير أنت تقضي جل وقتك أثناء التطوير فيه .


و للحديث بقيه ....

^_^