25 افزودنی برای ویرایشگر کد Brackets بخش اول

(براکتس)به عنوان یک ویرایشگر کد جهت توسعه فرانت اند و توسعه و طراحی وب مورد توجه قرار گرفته است.یکی از قابلیت های ویژه Brackets حجم زیادی از افزودنی ها یا extensions هاس که باعث افزایش سرعت توسعه و کارای می شود.در این مقاله می خواهیم با 25 افزودنی کاربردی برای ویرایشگر کد Brackets آشنا شویم.

براکتس (Brackets) چیست؟

این برنامه با تکنولوژی جدید وب و با زبان های html,css,javascript نوشته شده و opensource و رایگان است. همچنین چند ویژگی مهم و حائز اهمیت دیگر هم از قبیل به روزرسانی سریع،پلاگین ها یا افزونه های فراوان، و قابلیت اجرا در ویندوز، لینوکس و مک … را دارد.شما به عنوان برنامه نویس وب هم می توانید از این ابزار استفاده کنید تا صفحات مختلف وب را ویرایش کنید، می توانید با استفاده از همان زبان ها سورس برنامه را تغییر داده و نرم افزار مخصوص خود را شخصی سازی کنید. همچنین قابلیت نوشتن افزونه برای این برنامه هم وجود دارد که دنیای این برنامه را به وسعت کلیه برنامه نویسان وب بزرگ کرده است.

ویژگی های براکتس

این نرم افزار دارای حجم بسیار پایینی بوده و به راحتی قابل دانلود و نصب است. سرعت کار با این نرم افزار بسیار بالاست، امکانات جدید و منحصر به فردی در این نرم افزار دیده شده که می تواند سرعت کار شما را افزایش دهد.

اولین مورد اضافه شده قابلیت Live Preview است، این قابلیت به کاربران کمک می کند تا به راحتی و با سرعت بالا خروجی کار خود را به صورت زنده بر روی مرورگر کروم مشاهده نمایند. به اصطلاح خود برنامه این دو برنامه یعنی براکتس و کروم با هم سینک یا همگام سازی شده اند.

دومین مورد اضافه شدن قابلیت Quick Edit هست، این قابلیت بسیار جالب و جدید به کاربران نرم افزار کمک می کند تا زمانی که در حال کد نویسی در یک فایل html هستند بتوانند کدهای css مربوط به این فایل را که در یک فایل جداگانه وجود دارد در همان فایل html ویرایش کنند.

سومین مورد در مورد این برنامه code hint و قابلیت تکمیل خودکار کدهاست، وقتی شما شروع به کد نویسی انجام می کنید برنامه قسمت های مرتبط به برنامه را به شما نمایش می دهد و شما می توانید به سرعت و با یک کلیک ساده کدها را تکمیل نمایید.

برای دانلود آخرین ویرایش ادوبی براکتس به سایت رسمی آن یعنی http://brackets.io مراجعه نمایید.

معرفی افزودنی ها یا extensions های براکتس

1.افزونه Beautify

افزونه Beautify باعث می شود که کدهای که نوشته ایم با ظاهری زیباتر نمایش داده شود.این فایل نه تنها کدهای های شما را قابل خواندن می کند، بلکه همچنین کلید میانبر دستی برای زیباسازی این فایل ها برای مک میانبر (CMD-Shift-L) و برای ویندوز (Ctrl-Shift-L) است.

2.افزونه Autoprefixer

یکی از دغدغه های این روزها در دنیای CSS نوشتن خطوط استایلی است که برای اینکه در مرورگرهای مختلف کار کنند نیاز به prefix یا پیشوند دارند.یکی از این بسته ها Autoprefixer نام دارد که معروف ترین ابزار این روزها برای نوشتن پیشوندها می باشد که گوگل استفاده از آن را توصیه می کند و توییتر در پروژه هایش استفاده می کند.

3.افزونه Emmet

Emmet کمک می کند تا گردش کار HTML و CSS خود را بهبود بخشد،Emmet مجموعه ای از اختصارات HTML / CSS / XML هست که میتوانیم به وسیله ی اون به جای نوشتن چند خط کد طولانی ، فقط یک خط کد بنویسیم.

4.افزونه Minifier

افزونه Minifier  فایل های جاوا اسکریپت و CSS را به صورت filename.min.js  یا فشرده ذخیره میکند که باعث افزایش سرعت صفحات وب طراحی شده می شود.برای کوچک کردن یک فایل، از کلید میانبر CMD + M یا Ctrl + M استفاده کنید.

5.افزونه ToDo

افزونه ToDo یک extension کاربردی برای نمایش تمامی نظرات یا اسناد پروژه های فعلی استفاده می شود.یکی از ویژگیهای این افزونه این است که می توانید Note ها و تغییرات و همچنین وظایف آینده را برای تمامی اعضای تیم خود به نمایش بگذارید.

در بخش دوم این مقاله به معرفی افزونه های بیشتر و کاربردی تر خواهیم پرداخت.

منبع:کدفرند