لطفا صبر کنید ...

معرفی بهترین پکیج های Atom برای برنامه نویسان وب

الهام غایب

توسط الهام غایب

دیدگاه ها: 0
بازدید ها : 147
رایگان
هدف ما این است که شما، در بالاترین سطح طراحی و توسعه وب باشید.

ثبت نام کنید

Atom یکی از محبوب‌ترین و غنی‌ترین ویرایشگرهای کد منبع برای برنامه نویسان وب است. با ما همراه باشید تا با برخی از بهترین پکیج‌های Atom برای برنامه نویسان وب آشنا شوید.


در ابتدا Atom ابزار مختص GitHub بود، بعدها سازندگان آن تصمیم گرفتند آن را به صورت اپن سورس و برای استفاده عمومی قرار دهند که البته این کار، بلافاصله توجه جامعه برنامه نویسان را به خود جلب کرد. Atom دارای بیش از ۷۰۰۰ پکیج است. در این مقاله از لیداوب، می‌خواهیم نگاهی بر بهترین پکیج‌های Atom داشته باشیم.

بهترین پکیج های Atom

نصب پکیج های Atom

Atom دارای رابط کاربری فوق ‌العاده‌ای است که به شما امکان جستجو و نصب پکیج‌ها را درون ادیتور می‌دهد. برای این کار، منوی File> Setting در نوار بالایی را انتخاب کنید. اگر این نوار برای شما قابل مشاهده نیست، کلید Alt را فشار دهید. در سایدبار سمت چپ، روی منوی Packages کلیک کرده تا وارد صفحه Packages شوید. در اینجا می‌توانید پکیج‌های Atom که قبلا نصب کرده‌اید را ببینید. اگر به سمت پایین اسکرول کنید، می‌توانید تعدادی از Core Package را به صورت پیش‌فرض مشاهده کنید. اگر چه می‌توانید هر یک از آن‌ها را غیر فعال کنید اما بهتر است این کار را نکنید چون آن‌ها مربوط به رفتار پایه ادیتور هستند. پکیج‌های انتخابی شما در Community Package قرار خواهد گرفت.

بهترین پکیج های Atom

اگر می‌خواهید پکیج‌های جدید یافته و نصب کنید، باید منوی Install در پایین سایدبار سمت چپ را انتخاب کنید. نصب پکیج‌های Atom بسیار ساده است. فقط باید روی دکمه Install که در کنار هر پکیج است کلیک کنید:

بهترین پکیج های Atom

بهترین پکیج های Atom برای برنامه نویسان وب

۱. پکیج Less Than-Slash

بهترین پکیج های Atom

اگر شما کدهای HTML زیادی می‌نویسید، Less Than-Slash نعمتی برای شما محسوب می‌شود. استفاده از این پکیج بسیار ساده است. برای مثال، با استفاده از این پکیج زمانی که شما عبارت</ را در ادیتور خود تایپ می‌کنید، یک تگ closing HTML را به انتهای آن اضافه می‌کند. این پکیج مشخص می‌کند که کدام تگ‌ها نیاز به بسته شدن دارند و آن‌ها را می‌بندد. همچنین، از بستن تگ‌های خالی مانند<br> و <input> چشم پوشی می‌کند.

در صفحه تنظیمات این پکیج که پس از نصب قابل دسترسی می‌باشد، می‌توانید تگ هایی که می‌خواهید چشم پوشی شوند را مشخص کنید. همچنین، یک گزینه Return Cursor وجود دارد که باعث می‌شود نشانگر به ابتدا تگ پایانی رفته و بتوانید همزمان تگ آغازین و تگ پایانی را بازنویسی کنید.

۲. پکیج Pigment

بهترین پکیج های Atom

اگر شما زیاد با تصاویر سر و کار دارید، پکیج Pigment برای شما بسیار مفید خواهد بود. این پکیج رنگ‌ها را در تمام پروژه‌های Atom نمایش می‌دهد. بنابراین، می‌توانید در لحظه بدانید کدام رنگ به hex، egb یا سایر کدهای رنگی تعلق دارد. پکیج‌های Pigments تمام فایل‌های شما را اسکن کرده و به دنبال توابع رنگ می‌گردد و وقتی رنگی پیدا کرد، مقدار آن را ارزیابی کرده و آن را به عنوان پس زمینه انتخاب می‌کند. این پکیج از سه تابع پر کاربرد رنگ یعنی hex، rgb و hsl پشتیبانی می‌کند. علاوه بر این، پشتیبانی فوق العاده‌ای از بیشتر توابع و بیان تغییر رنگ پیش پردازشگر CSS شامل Sass ،LESS و Stylus دارد. در صفحه تنظیمات این پکیج، گزینههای مختلفی وجود دارد که می‌توانید آن‌ها را تغییر دهید مانند انتخاب نوع مارکر یا تنظیمات کلمات رنگی برای هر فایل به صورت جداگانه.

۳. پکیج Color Picker

بهترین پکیج های Atom

Color Picker هم یکی دیگر از پکیج‌های مدیریت رنگ Atom است که می‌توانید با Pigments با هم به کار ببرید. ایده ساخت این پکیج بسیار ساده است. هدف از آن  ایجاد امکان تطبیق سریع مقادیر رنگ در فایل‌های CSS است. کاربرد آن بسیار واضح است فقط کافی است روی یک رنگ راست کلیک کرده و گزینه Color Picker را انتخاب کنید. وقتی پالت انتخاب رنگ روی صفحه نمایش یافت، می‌توانید با درگ کردن نشانگر به طرفین، رنگ را تغییر دهید. همچنین، می‌توانید از دکمه‌های  Alt + Ctr + C در ویندوز و CMD+ Shift+ C در مک استفاده کنید تا ابزار انتخاب رنگ باز شود. این پکیج می‌تواند فرمت‌های رنگی مختلف شامل hex ،hexa ،rgb ،rgba ،hsl ،hsla و غیره را پشتیبانی کند. شما می‌توانید آن را با فایل‌های CSS و Sass و LESS به کار ببرید. اگر Color Picker یک مقدار رنگ معتبر را به عنوان ورودی دریافت نکند، یک رنگ تصادفی را انتخاب خواهد کرد.

۴. پکیج Teletype

بهترین پکیج های Atom

می‌توانید از Teletype برای ایجاد همکاری موفقیت آمیز و بدون مشکل میان اعضای تیم استفاده کنید. Teletype توسط تیم رسمی GitHub ایجاد شده و در اواخر سال ۲۰۱۷ به عرضه عمومی رسید. این پکیج به برنامه نویسان این امکان را می‌دهد که فضای کاری و کدهای خود را در زمان واقعی با اعضای دیگر تیم به اشتراک بگذارند. Teletype مفاهیمی مانند برنامه نویسی اشتراکی، کدنویسی اجتماعی و برنامه نویسی توزیعی در پروژه‌های برنامه نویسی را ارائه کرده است. این پکیج ایده‌ای به نام پورتال‌های بلادرنگ را معرفی کرد که در واقع فضای کاری اشتراکی است. وقتی یکی از برنامه نویسان تیم یک پورتال جدید باز می‌کند، تب فعال ادیتور تبدیل به فضای کاری اشتراکی می‌شود. سایر برنامه نویسان نه تنها می‌توانند کار میزبان را ببینند بلکه می‌توانند به صورت فعالانه، کدها را ویرایش کنند. Teletype یک ابزار همکاری همتا به همتا است که یعنی هیچ سرور مرکزی در این فرآیند دخیل نیست، بنابراین فضای کاری به صورت محرمانه باقی خواهد ماند.

۵. پکیج Emmet for Atom

بهترین پکیج های Atom

احتمالا در مورد Emmet شنیده‌اید یا حتی از آن استفاده کرده باشید. Emmet یک جعبه ابزار محبوب برای برنامه نویسان وب است که به شما امکان استفاده از علائم اختصاری و تکه کدهای داینامیک را در حین کدنویسی می‌دهد. چون Emmet دارای سینتکس کاملا آشکار و قابل درک است و از سلکتورهای CSS الهام گرفته شده است. به همین دلیل، انتخاب آن و استفاده از آن در زندگی روزمره، بسیار آسان است. اگر زیاد کدنویسی می‌کنید، Emmet می‌تواند جریان کاری شما را سرعت بخشیده و در زمان شما صرفه جویی کند. Emmet پکیج‌هایی برای کد ادیتورهای مختلف مانند Notepad++، Sublime Text و البته Atom ارائه می‌دهد. پکیج Atom برای Emmet در بین برنامه نویسان بسیار محبوب بوده و هم اکنون بیش از ۱.۷ میلیون بار دانلود شده است. این پکیج از اکشن‌های تعاملی پشتیبانی می‌کند. علائم اختصاری Emmet وقتی روی دکمه Tab فشار داده شود، توسعه می‌یابند. اگر می‌خواهید کدنویسی شما سریع‌تر و کارامدتر باشد، بهتر است Emmet را امتحان کنید.

۶. پکیج AtomLinter

بهترین پکیج های Atom

AtomLinter بنیانی برای پلاگین‌های مختلف linter برای زبان‌های مختلف ایجاد می‌کند. این یعنی وقتی AtomLinter هیچ کار مشهودی انجام نمی‌دهد، می‌توانید به سرعت پلاگین‌های linter را در بالای آن اضافه کنید که هر زبانی را پشتیبانی کند. AtomLinter دارای پلاگین‌هایی برای HTML ،HAML ،Handlebars، جاوا اسکریپت، JSON ،Markdown CSS ،SCSS ،Stylus و غیره است. Linterها کیفیت کد را افزایش داده و به شما کمک می‌کنند، کدهای بهتر با خطاهای بسیار کمتری بنویسید. آن‌ها خطاها را با رنگ متفاوت مشخص کرده و پیام کوتاهی برای هریک از آن‌ها نمایش می‌دهند که آن خطا را توضیح می‌دهد. بررسی خطاها به صورت آنی و بلادرنگ انجام می‌شود. اگر شما غالبا از یک زبان مشخص در Atom استفاده می‌کنید بهتر است پلاگین linter آن زبان را نصب کنید. تنظیم این پکیج آسان است. ابتدا پکیج AtomLinter را از منوی setting> install درون ادیتور Atom خود نصب کرده و سپس برای نصب پلاگین linter مورد نظر خود مثلا CSS، جستجو می‌کنید.

۷. پکیج Turbo JavaScript

بهترین پکیج های Atom

اگر غالبا از جاوا اسکریپت یا تایپ اسکریپت استفاده می‌کنید، Turbo Javascript می‌تواند برای شما بسیار مفید باشد. این پکیج مجموعه از کدهایی که هر روز در پروژه‌های جاوا اسکریپت خود به کار می‌برید را در اختیار شما قرار می‌دهد. این کدها برای ECMAScript 6 بهینه سازی شده‌اند تا بتوانید از پکیج در جاوا اسکریپت جدید خود استفاده کنید. این کدها به راحتی قابل حفظ شدن هستند چون کوتاه می‌باشند. برای مثال v برای var و l برای let در نظر گرفته شده و if نشان دهنده کل بلوک if است. علاوه بر این، این پکیج دارای فرامین آماده است که می‌تواند جریان کاری شما را سرعت بخشیده و میزان خطاها را کم کند. از این پکیج می‌توانید به همراه JSHint یا ESLint استفاده کنید که کیفیت کدهای شما را تا حد چشم‌گیری بالا می‌برد.

۸. پکیج MiniMap

بهترین پکیج های Atom

 Minimap با بیش از ۴.۵ میلیون بار دانلود، یکی از محبوب‌ترین پکیج‌های Atom است. این پکیج کدهای شما را به تصویر کشیده و یک نقشه کد روی سمت راست ادیتور اتم ایجاد می‌کند. این نقشه از کدهای منبع به شما امکان اسکن کردن کل کدها و راهبری در میان آن‌ها را می‌دهد. طرح نقشه کدها کاملا قابل تغییر است و میتوانید از قسمت تنظیمات در آن تغییراتی ایجاد کنید. برای مثال، شما می‌توانید طول و قد کاراکتر، شفافیت متن، میزان فضای سفید و هایلایت کردن و نمایش کدها را تغییر دهید. همچنین، Minimap دارای پلاگین‌های اضافه هم هست که می‌توانید قابلیت‌های آن را افزایش دهید.

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

مطالعه مقالات تخصصی بیشتر در لیداوب:

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

منبع :

5 از 1 رای

 مطالب مرتبط  

در قسمت زیر مطالبی وجود دارند که با مقاله فعلی مرتبط هستند



متاسفانه فقط اعضای سایت قادر به ثبت دیدگاه هستند

برترین مطالب

آموزش در لیداوب

از مقالات و ویدیو های آموزشی خودتان کسب درآمد کنید!

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