افزونه هایی برای sublime

در این نوشته قراره در مورد یه سری از افزونه های ویرایشگر محبوب sublime صحبت کنیم ، اما از قبل نوشتن در مورد این افزونه ها توضیح کوتاهی در مورد IDE میدم .

موقع کد زنی شما با داشتن IDE، دیگه نیازی به نوشتن یک برنامه کامپایلر ، یک برنامه مفسر ، یک ویرایشگر کد و … ندارید و همه این ها یک مجموعه نرم افزاری یکپارچه به نام IDE در دسترستون قرار داره . IDE مخفف کلمه های Integrated به معنی یکپارچه ، Development یا توسعه و Environment یا محیط هست .  پس IDE یک محیط برنامه نویسیه و مجموعه ای از نرم افزارهای که شامل ویرایشگر کد برنامه ( Code Editor ) ، کامپایلر ( Compiler ) ، دیباگر ( Debugger ) و در نهایت رابط گرافیکی و … هست رو در یکجا جمع کرده .

برای کدنویسی , ویرایشگرهای زیادی وجود داره و یکی از محبوب ترین و پر طرفدارترین ها sublime هست ، ویرایشگری رایگان و سبک که کار توسعه دهندگان وب رو راحت تر کرده. ازقابلیت های دیگه این ویرایشگر میشه به سرعت بالا ، ساده بودن و افزونه های متنوع و زیاد اشاره کرد. خب در ادامه یه سری از افزونه های sublime  رو معرفی میکنم .

اولین افزونه  Bracket Highlighter ، این ویژگی برای کد گذاری صفحات بزرگ بسیار مفیده ، این افزونه خودکار براکتهای باز و بسته کدتون رو هایلایت میکنه ، کافیه فقط مکان نما رو روی براکت پایانی یا براکت آغازی قرار بدین و از طریق فایل بررسی کنید تا تگ تطبیقی رو پیدا کنین .

بااین افزونه شما کد های html صفحتون رو میبینید و متوجه میشید که چه المان  هایی شامل المان های دیگه هست.

دومین افزونه ColorPicker نام داره .

اگه اهل فتوشاپ باشید با ابزار ColorPicker آشنا هستید ،افزونه های زیادی برای اینکار وجود داره اما ColorPicker فوق العادس و درست داخل پنجره کدتون کار میکنه . پیشنهاد میکنم از این افزونه استفاده کنید . به این لینک سر بزنید .

سومین افزونه ای که میخوام بهتون معرفی کنم Auto Filename نام داره ، میشه گفت هر صفحه وب به فایل های دیگه ای در یه جای دیگه از کد مراجعه میکنه ، فایل ها هم میتونند اسکریپت جاوااسکریپت ، عکس ، صفحه های پویا و فایل php و….  باشند ، حالا با استفاده از نام فایل  خودکار تون شما بارهای زمانی رو به صورت دستی وارد کنین و ذخیرشون کنید ، فقط نام رو بنویسید و این افزونه مابقی کار رو با یک فیلد تکمیله خودکار اداره میکنه .

اما چهارمین افزونه Themr نام داره ، این مورد به شما اجازه میده تا تم های موجود ui رو مرتب سازی کنین و اونهارو بر اساس موارد مورد علاقه خودتون سازماندهی کنین . حتی میتونید اگه تم جدیدی رو پیدا کردید اون رو اضافه کنید . این امکان وجود داره حتی اون تم هایی که مورد علاقه شماست میتونه بر اساس فایل های مورد استفادتون از پیش تنظیم بشه.

افزونه بعدی emmet  نام داره ، البته این افزونه ویژگی های زیادی رو ارائه میده ؛ کمکتون میکنه تا قسمت های مختلف کدتون رو مدیریت کنید . میتونید داکیومنت emmet  رو بخونید قطعا ویژگی های که کاربردی برای شما به چشمتون میخوره ، این افزونه بیشتر برای افرادی کاربرد داره که وب سایت هارو از صفر کد میزنند.

ششمین افزونه Autoprefixer نام داره ،

خیلی از خواص جدید 3  CSS  به سری پیشوند برای مدیریت موتورهایِ رندر مختلف داره. اینها اغلب برای WebKit،  و موتورهای مایکروسافت استفاده می‌شه که با هم به عنوان پیشوندهای تولیدکننده، گروه‌بندی می‌شن. همه­ ویژگی­ها به این پیشوندها نیاز ندارند. اما اگه می­خواید بیش­ترین مخاطب ممکن رو پشتیبانی کنین، Autoprefixer رو لازم دارید. این افزونه رو میتونید با بسته مدیریت sublime  خیلی راحت نصب کنید .

افزونه بعدی JSHint  هست، این افزونه این امکان رو به ما میده تا کد جاوااسکریپتمون رو از هر فایل js تست کنیم ، با استفاده از این افزونه شما میتونید اشکال زدایی جاوااسکریپت رو به ideخودتون اضافه کنید .

آخرین افزونه پیشنهادی Git نام داره ، قطعا وقتی شما git رو درک کنید و کاملا اون رو بفهمید ، خیلی به شما کمک میکنه ،حالا این افزونه کنترل نسخه git رو آسون تر کرده و کار شمارو برای مدیریت بسته های ide راحت تر .