افزونه هایی برای 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 راحت تر .
دیدگاهتان را بنویسید