آموزش ایمت (emmet)

بروزرسانی شده در ۱۳ تیر ۱۳۹۹
آموزش ایمت (emmet)
زمان مطالعه : 2 دقیقه 523 بازدید 0 نظر

پلاگین emmet به ما کمک می کنه تا سریع تر کد ها مون رو بزنیم. فایل تمام میانبر های emmet

emmet یک پلاگین هستش که در ide های مختلفی کار میکنه و به شما در سریع تر کد زدن کمک می کنه. 

در زیر لیست از این ide  ها می بینید که در سایت ایمت معرفی شده که ایمت رو دارن.

 

ide های مختلف برای emmet

 

نصب emmet php storm 

در php storm  شما نیازی به نصب دستی ندارید چون به صورت اتوماتیک خودش اضافه کرده این پلاگین رو ئر قسمت settings وارد شده و در جستجوی آن emmet را وارد کنید تا زبان های که پشتیبانی کرده رو ببینید. شما برای این که emmet کار کنه کلید تب رو میزنید در قسمت settings میتونید کلید پیشفرض که تب هست رو عوض کنید.

 

نحوه کار emmet

برای این که با نحوه کار emmet آشناتون کنم با یه مثال ساده کار رو شروع  میکنم.

فرض کنید شما میخاین یک تگ h1 بسازید نیازه که تمام علامت های تگ رو بزارین و تگ بسته ای اون رو هم بنویسید ولی با emmet شما لازمه فقط در فایل html که هستین بعد از نوشتن h1 کلید تب رو فشار بدین تا خودش کد ها رو براتون کامل کنه.

مثال

1- با عبارت . و تب شما کد پایین رو دارین

<div class=""></div> 

 

2- با عبارت ul>li  و تب شما عبارت زیر رو دارین 

<ul>

    <li></li>

</ul>

با < شما به این امر اشاره می کنید که یک فرزند داره این تگ من.

 

3- با . شما اشاره به کلاس داشتن تگ داره.

4- با # شما میگین یک id داره تگ من.

و ...

 

راستی برای دانستن این عبارت های مختصر یک فایل براتون گزاشتم که بتونین همه این عبارت های مختصر رو داشته باشین.

دانلود فایل آموزشی emmet

 

با عضویت در خبرنامه می توانید از جدیدترین مقالات، اخبار و تخفیف های ویژه در ایمیل خود با خبر شوید...