در سال ۲۰۱۷ که الان هم رو به پایان هستش خب ما یه سری کد ادیتور هایی داریم که واقعا از نظر کاربرد و ابزار ها و چیزایی که دارن محشر هستن و بنده خودم هم از اون ها استفاده میکنم . گفتم شاید بد نباشه اگر که چندتاشو به شما هم معرفی کنم . (البته با پلاگین ها و چیزایی که لازم داره)

Atom

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

(کاملا رایگان)

اتم یکی از باحال ترین کد ادیتور هایی هستش که تا به حال شخصا دیدم و کاملا اپن سورس و متن باز هستش و این کد ادیتور با HTML و CSS و Js نوشته شده و با فریمورک الکترون کراس پلتفرم شده . این یعنی شما میتونید روی سیستم عامل هایی مثل مک , لینوکس و ویندوز استفاده کنید .این کد ادیتور محیط بسیار زیبایی داره و به طور پیش فرض یک ظاهر خاصی داره و به نظر خود من احتیاجی به نصب تم نداره چون خودش خیلی خوشگل هستش .

حالا اصلا چرا اتم ؟

• کراس پلتفرم بودن
• پکیج منیجر قوی با بیش از هزاران پلاگین جالب
• محیط بسیار زیبا
• پشتیبانی زبان فارسی
• جستجوی بسیار قدرتمند نسبت به بقیه کد ادیتور ها

پلاگین های پر کاربرد

Project-manager

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

Highlight-selected

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

Simple-drag-drop-text

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

Color picker

پلاگینی که برای انتخاب رنگ ها به شما کمک میکنه .

Emmet

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

Brackets

وبسایت سازنده

(کاملا رایگان)

براکتس قطعا یکی از بهترین ها هستش که شعارش اینه : یک کد ادیتور مدرن که وب دیزاین رو میفهمه و باید بگم که این کد ادیتور قدرتمند و سبک هستش که شما میتونید با نصب کردن پلاگین های مورد نیاز یه کد ادیتور تمام عیار برای خودتون بسازید . و در آپدیت جدید این کد ادیتور از اکما اسکریپت ۲۰۱۵ نیز ساپورت میشه .

و بهتره به این نکته اشاره کنم که این ادیتور تمرکزش روی فرانت اند کار ها بوده و کار رو برای اون ها خیلی خیلی آسون کرده مثل : ساپورت preprocessorها و color palettes و خیلی از پلاگین ها و ابزار های بسیار کاربردی و جالب .

چرا براکتس؟

• این کد ادیتور اپن سورس هست و در تمامی سیستم عامل های مطرح مثل : ویندوز , مک و لینوکس اجرا میشه .
• محیط زیبا و جذاب
• محصول شرکت ادوب
• پلاگین های زیاد و قدرتمند

پلاگین های پر کاربرد

Emmet

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

Auto prefixer

این پلاگین برای شما prefix هارو به صورت خودکار میذاره

Minifier

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

Auto saver

شما با این پلاگین میتونید بدون اینکه هی دکمه کنترل + اس رو بزنید همزمان با ایجاد تغییرات اتوماتیک سیو کنید .

Brackets icon

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

Sublime Text

وبسایت سازنده

(کاملا رایگان)

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

چرا سابلایم؟

• سبک بودن و حجم بسیار بسیار کم
• سرعت بسیار بالا
• پر قدرت و زیبا
• کراس پلتفرم
• کد اسلاید

پلاگین های پر کاربرد

Emmet

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

 Color highlight

وقتی شما روی مثلا رنگ سبز کلیک میکنید به قصد سلکت کردن آن اسم رنگ و یا کد آن سبز رنگ میشود

git

برای کار کردن با گیت و گیت هاب

Live reload

به صورت اتوماتیک ریلود میکنه مرورگر رو . پیشنهاد میکنم حتما نصب کنید .

Color picker

پلاگینی که برای انتخاب رنگ ها به شما کمک میکنه .

کد ادیتور های دیگر

این سه کد ادیتور بالا بهترین کد ادیتور هایی بود که به عنوان یک فرانت اند و یا توسعه دهنده وب میتوان استفاده کرد و از آن ها لذت برد . ولی کد ادیتور های دیگری هم هستند مثل :

• vim
• komodo edit
• buffer editor
• webuilder
• notepad ++
• Emacs

ولی بهترین کد ادیتور ها این سه کد ادیتور محشره بالا بود که با تمامی توضیحات خدمت شما عزیزان گفته شد .