بهترین IDE ها و ویرایشگرهای متن برای توسعه دهندگان فرانت اند

ده ها یا دو سال پیش، وب سایت ها با استفاده از دست و یک ویرایشگر متن معمولی ساخته شدند. نوشتن تگ های html خود، کمی جادو با استفاده از سبک های درون خطی در CSS، چاشنی انیمیشن های سرگرم کننده - و سایت آماده استفاده است. امروزه ایجاد و توسعه یک وب سایت یا اپلیکیشن یک فرآیند ساختاریافته است. می‌توانید با استفاده از سازنده وب‌سایت در یک دقیقه یک وب‌سایت ایجاد کنید، یا می‌توانید چندین ماه از آن رنج بکشید. با تغییر توسعه وب، چارچوب‌ها، پلاگین‌ها و برنامه‌های جدید برای ساده‌سازی کدنویسی در حال ظهور هستند. ابزارهای اضافی محیط کار شما را ساده می کند و بهره وری را افزایش می دهد. ما از سیستم های کنترل نسخه برای مدیریت پروژه منبع باز مشترک و کتابخانه هایی مانند jQuery استفاده می کنیم. محیط توسعه نقش بسیار مهمی در فرآیند ایجاد یک وب سایت دارد. انتخاب واژه‌پرداز ایده‌آل می‌تواند یک کار چالش‌برانگیز اما قابل انجام باشد که مستلزم استفاده از تحقیقات تجربی است. چگونه در این اقیانوس از ابزارها، برنامه ها و افزونه ها گم نشویم؟ کدام ویرایشگر متن را برای کارهای روزمره و کدام را برای پروژه های حیوانات خانگی انتخاب کنید؟ ما لیست کوتاهی از محبوب ترین ابزارها را برای توسعه دهندگان مبتدی frontend گردآوری کرده ایم. آیا فراموش کردیم که ویرایشگر مورد علاقه خود را در مقاله ذکر کنیم؟ نظر بدهید

Notepad++

انتشار: 24 نوامبر 2003. ساده ترین ویرایشگر متن با برجسته سازی نحو و زبانه ها. از بسیاری از زبان ها و فناوری های برنامه نویسی پشتیبانی می کند. ایده آل برای مبتدیانی که به تازگی وارد مسیر لغزنده توسعه وب شده اند. ممکن ها:

• ایجاد نشانک؛
• کپی و ذخیره خودکار فایل های ایجاد شده؛
• پشتیبانی و تبدیل کدهای متن استاندارد؛
• کاربران می توانند به طور مستقل قوانینی را برای برجسته کردن نحو تنظیم کنند.
• نصب انواع پلاگین های مفید؛
• تنظیم و تعریف مجدد کلیدهای داغ؛
• چک کردن املا و رمزگذاری متن؛
• بازی تتریس (در صورتی که از برنامه نویسی خسته شده اید)؛
• می تواند حجم زیادی از داده ها را مدیریت کند.

یک "ویژگی" اضافی این ویرایشگر به عنوان "تخم مرغ عید پاک" در قالب نمایش نقل قول هایی از پدر تاریک - دارث ویدر و پدر "پوشه نفرت" - بیل گیتس در نظر گرفته می شود. مگس در پماد: یک رابط بسیار ساده که با استانداردهای توسعه امروزی مطابقت ندارد. می توان آن را با نور چراغ قوه در روز مقایسه کرد. برجسته سازی نحو: + تشخیص خودکار برچسب: + سازگاری با سیستم عامل: Windows، ReactOS. نسخه رایگان: بله. لینک: https://notepad-plus-plus.org/download/v7.5.1.html

براکت ها

انتشار: 4 نوامبر 2014. Adobe محصولات جالب زیادی دارد که مورد علاقه توسعه دهندگان و طراحان Frontend هستند. و براکت یکی از آنهاست. این ویرایشگر رایگان، منبع باز و کراس پلتفرم مبتنی بر جاوا اسکریپت، HTML5 و CSS3 است، بنابراین کار آن به طور خاص بر روی آنها متمرکز است. اگر درک اولیه ای از جاوا اسکریپت دارید، این ویرایشگری است که باید با آن کار کنید. زیرا اوست که همه ابزارهای لازم را برای توسعه فراهم خواهد کرد. ویرایشگر به بهبودهایی نیاز دارد، اما به طور کلی کاملاً فعال در حال توسعه است و در بین توسعه دهندگان محبوب است. علاوه بر این، هر کاربر می تواند تغییرات خود را ایجاد کند و افزونه های اضافی ایجاد کند. ممکن ها:

• نکاتی برای ویرایش فایل های JS، CSS و HTML؛
• پشتیبانی از مشاهده کد در مرورگر در زمان واقعی (پیش نمایش زنده)؛
• همگام سازی با سرور FTP؛
• پشتیبانی و کامپایل خودکار CSS به فایل های کمتر.
• مجموعه ای از فونت ها (با امکان اضافه کردن آنها) را ارائه می دهد که می توانید هنگام کار با متن از آنها استفاده کنید.
• کار با سیستم کنترل نسخه - Git.

نسخه جدید 2017 قابلیت جستجو در تاریخ، ارسال و دریافت فایل‌ها با کدگذاری‌های مختلف، پیمایش در تاریخچه ویرایش با استفاده از کلیدهای میانبر، فعال و غیرفعال کردن پسوندها و منوی بومی لینوکس را معرفی کرد. برجسته سازی نحو: + تشخیص خودکار برچسب: + سازگاری با سیستم عامل: macOS، Windows و Linux. نسخه رایگان: بله. لینک: http://brackets.io

والا

انتشار: 18 ژانویه 2008. ویرایشگر کد بین پلتفرمی و محیط توسعه یکپارچه (IDE). ما این ویرایشگر را به دلیل سرعت و سهولت استفاده آن دوست داشتیم، در حالی که Coda و TextMate کنار رفتند و پایگاه اصلی کاربران را با به‌روزرسانی‌های بسیار ناخوشایند ناامید کردند. ممکن ها:

• ناوبری سریع از طریق فایل ها، نمادها و بخش های خاصی از کد (به همین دلیل است که مورد علاقه بسیاری از کاربران است).
• عملکرد بررسی نحو بلافاصله با وارد کردن کاراکترها کار می کند.
• بهینه سازی و تکرار اقدامات اخیر با استفاده از ماکروها.
• ذخیره خودکار کد، که از گم شدن آن جلوگیری می کند.
• پشتیبانی از تم های بصری مختلف و زبان های برنامه نویسی؛
• ذخیره کلمات کلیدی پرکاربرد و قطعات کد؛
• مجموعه ای از پلاگین های آماده در پایتون.

برجسته سازی نحو: + تشخیص خودکار برچسب: + سازگاری با سیستم عامل: Windows، Mac OS، GNU/Linux. نسخه رایگان: بله (بدون محدودیت های کاربردی)، اما پس از بررسی برنامه، باید مجوز خریداری کنید. لینک: http://www.sublimetext.com/3

WebStorm

انتشار: 2015. این یک ویرایشگر متن معمولی نیست، بلکه یک محیط توسعه یکپارچه برای جاوا اسکریپت، CSS و HTML است. نویسندگان آن JetBrains هستند، همان شرکتی که محیط IntelliJ IDEA، مورد علاقه دانشجویان JavaRush را ایجاد کرد. WebStorm یکی از باهوش ترین و محبوب ترین ویرایشگرها است. از فریم ورک های اصلی: AngularJS، React و Meteor پشتیبانی می کند و برای ایجاد یک برنامه در Node.js استفاده می شود. WebStorm یک محیط کاملاً پیچیده است، اما در عین حال برای کسانی که به برنامه‌های افزودنی و ویژگی‌های زیادی نیاز دارند، عالی است. ممکن ها:

• به لطف ادغام با سیستم های کنترل نسخه Git، GitHub، Mercurial، به طور موثر با پروژه هایی با اندازه های مختلف کار می کند. این به شما امکان می‌دهد فایل‌ها را «متعهد» کنید، تغییرات را بررسی کنید و تضادها را درست در داخل IDE حل کنید.
• LiveEdit - تغییرات اولیه را بدون بارگیری مجدد صفحه نشان می دهد (با مرورگر Google Chrome کار می کند).
• تجزیه و تحلیل کد در هنگام ویرایش؛
• refactoring و اشکال زدایی کد برای برنامه های Javascript و Node.js.
• پشتیبانی از زبان های ECMAScript، TypeScript، CoffeeScript و Dart.
• ایجاد برنامه ها با استفاده از قالب Node.js Express.
• راه اندازی و اشکال زدایی با چارچوب هایی مانند Mocha، Karma و Protractor. می توانید آن را در خود ویرایشگر یا در یک منوی درختی مناسب آزمایش کنید، که از آن می توانید به سرعت به متن بازگردید.
• پیش پردازنده های LESS، Sass، SCSS، Stylus به طور کامل پشتیبانی می شوند.
• جستجوی سریع در پنجره ترمینال؛
• ساختار پروژه هایی که شامل چندین کتابخانه جاوا اسکریپت می شوند.
• پشتیبانی از JQuery، YUI، Prototype، DoJo، MooTools، Qooxdoo و Bindows.
• پشتیبانی اولیه و کار با Angular 2.

برجسته سازی نحو: + تشخیص خودکار برچسب: + سازگاری با سیستم عامل: Windows، Mac OS، GNU/Linux. نسخه رایگان: یک نسخه آزمایشی به مدت 30 روز وجود دارد، سپس باید مجوز خریداری کنید. لینک: http://www.jetbrains.com/webstorm/

اتم

انتشار: 26 فوریه 2014. نرم افزار منبع باز رایگان ایجاد شده توسط نویسندگان Github مورد علاقه همه . این بر روی 50 ماژول ساخته شده و با Node JS، CoffeeScript، CSS، HTML و C++ نوشته شده است. شما همچنین می توانید ماژول های خود را توسعه دهید و آنها را در یک مخزن برای دسترسی آزاد پست کنید. استفاده از این محیط توسعه بسیار آسان است و افزونه های اضافی به گسترش امکانات کار با آن کمک می کنند. ممکن ها:

• از رابط کاربری گرافیکی برای پیکربندی به جای فایل های json استفاده می کند.
• مشاهده یک نقشه کوچک از کد و قطعات آن؛
• جستجوی سریع پروژه ها و فایل ها؛
• نوار کناری مناسب و درخت فایل.
• تعداد زیادی بسته افزودنی موجود در Github؛
• پشتیبانی Emmet، Autoprefixer، Livereload.
• مشاهده یک فایل از طریق درخت نوار کناری.
• توانایی سفارشی کردن ویرایشگر به تنظیمات شخصی کاربر؛
• وجود یک مدیر فایل داخلی؛
• نیازی به نصب بسته کنترلی با پلاگین نیست، کافی است از رابط کاربری گرافیکی استفاده کنید.
• پشتیبانی از پلاگین های نوشته شده در Node.js.
• پیش نمایش تصاویر PNG، JPEG به طور مستقیم در ویرایشگر.
• کار با سیستم کنترل نسخه Git را ارائه می دهد.

مگس در پماد ممکن است این باشد که به حافظه زیادی نیاز دارد و قادر به مدیریت فایل های داده بزرگ نیست. برجسته سازی نحو: + تشخیص خودکار برچسب: + سازگاری با سیستم عامل: Windows 7، 8، Mac OS 10.8، Linux. نسخه رایگان: بله. لینک: https://atom.io

Vim

انتشار: 2 نوامبر 1991. ممکن است بپرسید: Vim قدیمی در این لیست از ویرایشگران مدرن چه چیزی را فراموش کرده است؟ در واقع Vim یک ویرایشگر متن کاملاً مدرن و قدرتمند است که بر اساس vi قدیمی ایجاد شده و در سیستم عامل های یونیکس موجود است. و دائما در حال تکامل است. توسعه‌دهندگان تقریباً هر سال تغییراتی ایجاد می‌کنند و افزونه‌ها و افزونه‌های جدیدی را اضافه می‌کنند. آخرین باری که این اتفاق افتاد در سال 2016 بود و تعداد افزونه ها و سرعت واقعا شگفت انگیز است و ارزش بررسی را دارد. Vim یک ویرایشگر چند حالته است. می توانید همزمان در چندین مورد کار کنید: دستور، درج یا بصری. با این حال، شایان ذکر است که برای یک توسعه دهنده تازه کار بسیار پیچیده است. اگرچه متخصصان با سالها تجربه از بسیاری از عملکردهای آن آگاه نیستند. ممکن ها:

• پشتیبانی از کدهای متن استاندارد؛
• می توانید همزمان با چندین فایل کار کنید.
• تشخیص و تبدیل خودکار فایل ها؛
• سازگاری با زبان های برنامه نویسی Perl، Tcl، Python و Ruby.
• ایجاد تنظیمات راحت برای نیازهای هر کاربر؛
• ضبط و پیاده سازی ماکروها؛
• حالت بصری می تواند بسیاری از عملکردهای مفید را انجام دهد (به عنوان مثال، برجسته کردن بلوک های متن).
• پشتیبانی از زبان های غیر استاندارد نوشته شده از راست به چپ (مانند عربی یا عبری)؛
• تنظیمات مناسب برای کلمات جستجو و تاریخچه فرمان.
• پشتیبانی از استفاده کامل از صفحه کلید بدون ماوس.
• عملکرد شگفت انگیزی را هنگام کار با فایل های حجیم نشان می دهد.

برجسته سازی نحو: + تشخیص خودکار برچسب: + سازگاری با سیستم عامل: Windows، DOS، Linux، BSD و Mac OS، iOS، Android، AmigaOS، Atari MinT، BeOS، NextStep، OS/2، OSF، RISC OS، SGI، VMS. نسخه رایگان: بله. لینک: https://vim.sourceforge.io/download.php

Netbeans

منتشر شده: 1997. IDE منبع باز رایگان، حمایت شده توسط Oracle و پشتیبانی شده توسط توسعه دهندگان مشتاق. به طور مداوم در حال توسعه و تکمیل با پسوندهای مختلف برای راحتی و بهبود سرعت است. ممکن ها:

• مدیریت پنجره و ذخیره سازی؛
• تغییرات رابط و طراحی (از جمله منوها و پاپ آپ ها)؛
• راه اندازی اتصال با سرور راه دور؛
• بازسازی کد موجود است.
• افزونه ها، قالب ها و تولیدکنندگان کد وجود دارد.
• پشتیبانی از بسیاری از زبان های برنامه نویسی؛
• بررسی و تصحیح نحو خودکار؛
• سفارشی کردن ویرایشگر مطابق با نیازهای کاربر؛
• راه اندازی و اشکال زدایی برنامه های JavaScript و Node.JS.
• پشتیبانی از چارچوب های PHP (Symfony، Zend و Yii).

پرواز در مرهم: حافظه زیادی را مصرف می کند. برجسته سازی نحو: + تشخیص خودکار برچسب: + سازگاری با سیستم عامل: Microsoft Windows، Linux، FreeBSD، Mac OS X، OpenSolaris و Solaris. نسخه رایگان: بله. فقط رایگان است. لینک: https://netbeans.org

جایزه هاردکور: دفترچه یادداشت، با نام مستعار "Notepad"

انتشار: 1985 همراه با ویندوز 1.0. بله، بله، همان Notepad که به طور پیش فرض روی تمام رایانه های ویندوز شما نصب می شود. شما می‌پرسید: "این قدمت اینجا چه چیزی را فراموش کرده است؟ این چه ربطی به توسعه دارد؟" در واقع، ما درک می کنیم که بعید است که امروز کسی چیزی جدی در Notepad کلاسیک ایجاد کند. با این حال، در این برنامه است که بسیاری از توسعه دهندگان تازه کار در 15-20 سال گذشته اولین وب سایت های خود را "کنار هم" و اولین برنامه های خود را نوشته اند. منظور ما این است که اگر می خواهید یاد بگیرید، هیچ چیز نباید مانع شما شود. برای یک توسعه دهنده واقعی (و کسی که می خواهد یکی شود)، Notepad یک مانع نیست. ویژگی ها: فقط متن سیاه، فقط هاردکور. پرواز در پماد: بدون مگس در پماد: "Notepad" در مینیمالیسم خود عالی است! برجسته سازی نحو: خیر. حافظه خود را آموزش دهید! تشخیص خودکار برچسب: وای! نسخه رایگان: Notepad فقط به اندازه ویندوز شما رایگان است.