کدنویسی سریع‌تر با Emmet

دوستانی که در دوره آموزش ویدئویی Sublime شرکت کرده‌اند و یا کار با این نرم افزار را بلد هستند، می‌دانند که این نرم افزار چه نعمتی است!

اگر می‌خواهید سرعت کدنویسی شما دو برابر قبل شود، پیشنهاد می‌کنم افزونه Emmet را روی Sublime نصب کنید!

(فراموش نکنید که ابتدا از طریق این آموزش، Package Control را روی سابلایم نصب کنید)

پس از نصب، مثلاً فقط کافی‌ست تایپ کنید:

ul.menu>li*4

و تب را بزنید تا همین دستور، خروجی‌اش این بشود:

<ul class="menu">

       <li></li>

       <li></li>

       <li></li>

       <li></li>

</ul>

یعنی خودش می‌فهمد که شما یک تگ ul نیاز دارید با کلاس menu و داخل آن ۴ تا li نیاز دارید!

یا مثلاً بنویسید:

div#container>div#header+div#rightCol

تا خروجی‌اش این شود:

<div id="container">

    <div id="header"></div>

    <div id="rightCol"></div>

</div>

بسیار افزونه جالبی است. کلیدهای میان‌بری که دارد هم بسیار کاربردی است.

این نوع کدنویسی قبلاً با عنوان Zen-Coding شناخته می‌شد و حالا نام آن Emmet شده...

کل مخفف‌هایی که می‌توانید تایپ کنید در Emmet Cheat Sheet آمده.

ضمن اینکه یک دوره ویدئویی نیز توسط عزیزانمان در سایت کارآزموده برگزار شده که می‌توانید از طریق لینک‌های زیر این ویدئوها را دانلود کنید: اینجا کلیک کنید

موفق باشید؛
حمید رضا نیرومند

<div id="container">    <div id="header"></div>    <div id="rightCol"></div></div>