15 پلاگین عالی برای ویرایشگر Sublime Text

در آموزش کد ادیتور Sublime text به بررسی و آموزش تمامی بخش‌ها ترفندهای این کد ادیتور محبوب پرداختیم. در این مطلب 15 پلاگین عالی برای ویرایشگر Sublime Text رو بهتون معرفی میکنیم که با استفاده از اونا میتونین بهتر و با سرعت بیشتری کارهاتون رو انجام بدین.

همونطور که میدونین Sublime Text یکی از معروفترین ویرایشگرهای موجود در سطح وب هست. خیلی از توسعه دهندگان بخاطر سرعت زیاد و سادگی استفاده از اون این مرورگر رو انتخاب کردند. این ویرایشگر رو میتونین با استفاده از افزونه‌های دیگه قدرتمندتر کنید و ویژگی‌های خوبی رو به اون اضافه کنید. در اینجا 15 پلاگین برای این ادیتور معرفی میشه و میتونین از اونا بهره ببرید.

Package Control

قبل از شروع معرفی پلاگین‌های Sublime Text باید اول در مورد Package Control صحبت کنیم. Package control مدیریت کننده پلاگین برای Sublime هست و بدون اون نصب و حذف  package  ها بسیار مشکل و پر درد سر هست. اگر Package Control رو تا حالا نصب نکردید، سریع اون رو نصب کنید چون به شما این امکان رو میده که بقیه پلاگین‌های در این مطلب رو امتحان کنید.

JavaScript & NodeJS Snippets

پلاگین JavaScript & NodeJS Snippets مجموعه ای از قطعه کدهای کوتاه برای نوشتن سریع کدهای متداول و رایج  Javascript هست. بجای نوشتن document.querySelector(‘selector’) میتونین به سادگی qs رو بنویسید و کلید Tab رو فشار بدین و Sublime و این ادیتور بقیه کارها رو برای شما انجام میدن و مدیریت میکنن.

Emmet

مانند پلاگین قبل، Emmet نیز روشهایی رو در اختیار شما قرار میده که می‌تونید سریع‌تر کدهاتون رو بنویسید. تفاوت این دو پلاگین در اینجاست که JavaScript & NodeJS Snippets برای JavaScript و Emmet برای HTML و CSS کار میکنه و به شما این امکان رو میده که برچسب‌های طولانی، عناصر تو در تو یا الگوی کل صفحه رو در یک چشم به هم زدن بنویسید.

Emmet کمی پیچیده هست بنابراین اگر می‌خواید به دنبال یک جایگزین ساده‌تر بگردید، می‌تونید از یک پلاگین ساده‌تر به نام HTML Snippets استفاده کنید. این پلاگین امکانات کمتری داره اما کار با اون بسیار ساده تره.

Advanced New File

Advanced New File یک پلاگین بسیار جذابه که به شما این امکان رو میده به سرعت فایل‌های جدیدی رو ایجاد کنید. شما می‌تونید به جای جست جو بین فایل‌های سیستمتون و استفاده از منوها، به راحتی یک prompt با استفاده از super+alt+n باز کنید و مسیر فایل جدید خودتون رو بنویسید. اگر مسیری که مشخص کردید وجود نداشته باشه این پلاگین قادره که اون مسیر رو بسازه و فایل شما رو اونجا ذخیره کنه.

Git

Git مجموعه از ویژگی‌های مربوط به Git هست که از اونا میشه مستقیما در ویرایشگر Sublime Text Command Palette استفاده کرد. این بسته بدون این که از ویرایشگر خارج بشید امکان دسترسی سریع به تعدادی از دستورات Git رو فراهم می‌کنه، به توسعه دهنده‌های وب اجازه میده که فایل‌های جدیدی رو اضافه کنن، commit رو به وجود بیارید و تاریخچه Git رو ببینید.

GitGutter

GitGutter یک افزونه مفیده که وضعیت Git هر خط از کدهای شما رو بهتون میگه و یک نگاه اجمالی از تغییراتی رو که روی خط اعمال شده در اختیارتون قرار میده. با استفاده از GitGutter می‌تونید فایل‌های خودتون رو با git Head، Origin، شاخه یا branch مورد نظر یا یک commit مشخص مقایسه کنید.

Side Bar Enhancements

همونطور که میدونین در Sublime Text فایلها و پوشه بندی پروژه ای که در حال کار کردن بر روی اون هستید در سمت چپ نمایش داده میشه. اگرچه با کلیک راست کردن بر روی اونا تعدادی گزینه در اختیارتون قرار داده میشه ولی این گزینه‌ها محدود هستند. با نصب کردن پلاگین Sidebar Enhancement گزینه‌های مفید زیادی به گزینه‌های قبلی اضافه میشه که میتونه در توسعه سریعتر بهتون کمک کنه.

ColorPicker

ColorPicker یک ابزار بسیار کم حجم و مفید برای انتخاب رنگ هست. کار با اون بسیار راحته و به شما این امکان رو میده که به سرعت مقدار Hex رنگ مورد نظرتون رو به دست بیارید. این پلاگین در یک پنجره جداگانه باز میشه و شما می‌تونید رنگ مورد نظرتون رو از پالتی که در اختیارتون گذاشته شده انتخاب کنید و یا حتی با استفاده از ابزار eye dropper (قطره چکان)  هر رنگی رو که می‌خواید از هر نقطه از صفحه انتخاب کنید.

Placeholders

Sublime Text 3 دارای یک مولد Lorem lpsum درونی هست که شما می‌تونید از اون برای ایجاد یک متن ساختگی استفاده کنید. پلاگین Placeholders این قابلیت رو گسترش میده تا ST بتونه به سرعت تصاویر، فرم ها، لیست‌ها و جداول رو برای شما ایجاد کنه.

DocBlocker

DocBlocker برای اون افرادی که مایلند توضیحات دقیقی رو به فانکشن هاشون اضافه کنن یک افزونه مناسب به حساب میاد. این پلاگین به شما کمک می‌کنه که بدون زحمت به توابعتون توضیحاتی شامل پارامترهایی که استفاده شده، مقادیر بازگشتی و نوع متغیر اضافه کنید.

SublimeCodeIntel

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

Minify

Minify ابزاری هست که minifier و beautifier  رو به صورت هم زمان درون خودش داره. این پلاگین فایل فعلی باز شده شما رو می‌گیره و نسخه جدیدی رو با فرمت .min یا .pretty  در همون مسیر فایل قبلی ایجاد می‌کنه. Minify  با CSS، HTML،   JavaScript، JSONs و SVGs کار میکنه. این بسته برای فشرده سازی (minifying) یا زیبا سازی (beautifying)  به کتابخانه خارجی node.js متکی هست. بنابراین شما باید اون‌ها رو به صورت جداگانه نصب کنید. بصورت زیر:

npm install -g clean-css uglifycss js-beautify html-minifier uglify-js minjson svgo

Sublime Linter

Sublime Linter میتونه به ویرایشگر در پیدا کردن خطاهای syntax، شیوه‌های نوشتاری اشتباه یا خطاهای دیگه ای که یک توسعه دهنده وب مرتکب میشه کمک کنه. Sublime Linter تنها یک فریم ورک اصلی برای linting به شمار میاد بنابراین شما باید برای هر زبانی که به کمک اون کد می‌نویسید، افزونه هایی رو به صورت جداگانه و مخصوص برای اون زبان نصب کنید.

Color Highlighter

یکی از ویژگی هایی که میتونید در بسیاری از IDE‌ها و ویرایشگرهای متن ببینید که در Sublime وجود نداره، پیش نمایش رنگه. بنابراین اگر افزونه Color Highlighter رو در ST فعال کنید به شما این امکان رو میده که ببینید مقادیر hex و RGBA چجوری به صورت مستقیم در خروجی به چه صورت نمایش داده میشن.

امیدوارم از این موارد خوشتون اومده باشه و تونسته باشه بهتون کمک کنه.

اگر پلاگین خوب دیگه ای هم میشناسید در قسمت نظرات با ما به اشتراک بزاری.

Source

نویسنده

محمد اسفندیاری

بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.