Front-end dasturchi uchun eng yaxshi IDE va matn muharrirlari

O'n ikki yil oldin veb-saytlar qo'llar va oddiy matn muharriri yordamida yaratilgan. O'zingizning HTML teglaringizni yozish, CSS-da inline uslublar yordamida bir oz sehr, qiziqarli animatsiya bilan tajribali - va sayt foydalanishga tayyor. Hozirgi vaqtda veb-sayt yoki ilovani yaratish va ishlab chiqish tizimli jarayondir. Siz bir daqiqada veb-sayt yaratuvchisi yordamida veb-sayt yaratishingiz mumkin yoki siz bir necha oy davomida qiynalishingiz mumkin. Veb-ishlab chiqish o'zgarishi bilan kodlashni soddalashtirish uchun yangi ramkalar, plaginlar va ilovalar paydo bo'ladi. Qo'shimcha vositalar ish muhitingizni soddalashtiradi va samaradorlikni oshiradi. Biz birgalikda ochiq manbali loyihalarni boshqarish va jQuery kabi kutubxonalar uchun versiyalarni boshqarish tizimlaridan foydalanamiz. Veb-sayt yaratish jarayonida rivojlanish muhiti juda muhim rol o'ynaydi. Ideal matn protsessorini tanlash empirik tadqiqotlarni qo'llashni talab qiladigan qiyin, ammo bajarilishi mumkin bo'lgan vazifa bo'lishi mumkin. Qanday qilib ushbu vositalar, ilovalar va plaginlar okeanida yo'qolmaslik kerak? Kundalik ish uchun qaysi matn muharririni tanlash kerak va qaysi biri uy hayvonlari loyihalari uchun? Biz boshlang'ich frontend ishlab chiquvchilari uchun eng mashhur vositalarning qisqacha ro'yxatini tuzdik. Maqolada sevimli muharriringizni eslatishni unutdikmi? Izoh qoldiring!

Notepad++

Chiqarish: 2003 yil 24 noyabr. Sintaksisni ajratib ko'rsatish va yorliqlarga ega eng oddiy matn muharriri. Ko'p dasturlash tillari va texnologiyalarini qo'llab-quvvatlaydi. Veb-ishlanmaning silliq qiyalik bosqichiga qadam qo'ygan yangi boshlanuvchilar uchun juda mos keladi. Imkoniyatlar:

• xatcho'plar yaratish;
• yaratilgan fayllarni avtomatik nusxalash va saqlash;
• standart matn kodlashlarini qo'llab-quvvatlash va o'zgartirish;
• foydalanuvchilar mustaqil ravishda sintaksisni ajratib ko'rsatish qoidalarini o'rnatishlari mumkin;
• turli foydali plaginlarni o'rnatish;
• tezkor tugmalarni sozlash va qayta belgilash;
• imloni tekshirish va matnni shifrlash;
• Tetris o'ynash (agar siz kodlashdan charchagan bo'lsangiz);
• katta hajmdagi ma'lumotlarni boshqarishi mumkin.

Ushbu muharrirning qo'shimcha "xususiyati" qorong'u ota - Darth Vader va "nafrat papkasi" ning otasi - Bill Geytsning iqtiboslarini ko'rsatish ko'rinishidagi "Pasxa tuxumi" hisoblanadi. Malhamdagi chivin: bugungi rivojlanish standartlariga javob bermaydigan o'ta soddalashtirilgan interfeys. Uni kunduzi chiroq nuriga qiyoslash mumkin. Sintaksisni ajratib ko'rsatish: + Teglarni avtomatik aniqlash: + OT mosligi: Windows, ReactOS. Bepul versiya: ha. Havola: https://notepad-plus-plus.org/download/v7.5.1.html

Qavslar

Chiqarilgan: 2014-yil 4-noyabr. Adobe-da Frontend ishlab chiquvchilari va dizaynerlari tomonidan seviladigan ko'plab ajoyib mahsulotlar mavjud. Qavslar esa ulardan biri. Ushbu bepul, ochiq manbali, kross-platforma muharriri JavaScript, HTML5 va CSS3-ga asoslangan, shuning uchun uning ishi aynan ularga qaratilgan. Agar siz JavaScript haqida asosiy tushunchaga ega bo'lsangiz, u holda siz ishlashni boshlashingiz kerak bo'lgan muharrir. Chunki u kengaytirish uchun barcha kerakli vositalarni taqdim etadi. Muharrir ba'zi yaxshilanishlarga muhtoj, ammo umuman olganda, u juda faol ishlab chiqilmoqda va ishlab chiquvchilar orasida mashhur. Bundan tashqari, har bir foydalanuvchi o'z o'zgarishlarini amalga oshirishi va qo'shimcha kengaytmalar yaratishi mumkin. Imkoniyatlar:

• JS, CSS va HTML fayllarini tahrirlash bo'yicha maslahatlar;
• real vaqtda brauzerda kodni ko'rishni qo'llab-quvvatlash (Live Preview);
• FTP serveri bilan sinxronlash;
• qo'llab-quvvatlash va CSS-ni kamroq fayllarga avtomatik kompilyatsiya qilish;
• matn bilan ishlashda foydalanishingiz mumkin bo'lgan shriftlar tanlovini (ularni qo'shish imkoniyati bilan) taqdim etadi;
• versiyani boshqarish tizimi bilan ishlash - Git.

2017-yilning yangi versiyasi tarix boʻyicha qidirish, turli kodlashlarga ega fayllarni yuborish va qabul qilish, tezkor tugmalar yordamida tahrirlash tarixi boʻylab harakatlanish, kengaytmalarni yoqish va oʻchirish hamda Linux uchun mahalliy menyuni taqdim etdi. Sintaksisni ajratib ko'rsatish: + Teglarni avtomatik aniqlash: + OS mosligi: macOS, Windows va Linux. Bepul versiya: ha. Havola: http://brackets.io

Ulug'vor

Chiqarish: 2008 yil 18 yanvar. O'zaro platforma kod muharriri va integratsiyalashgan rivojlanish muhiti (IDE). Bizga ushbu muharrir tezligi va foydalanish qulayligi uchun yoqdi, Coda va TextMate esa yo'l chetiga tushib qoldi va juda noqulay yangilanishlar bilan asosiy foydalanuvchi bazasini hafsalasi pir qildi. Imkoniyatlar:

• fayllar, belgilar va kodning ma'lum bo'limlari bo'ylab tezkor navigatsiya (shuning uchun u ko'plab foydalanuvchilar tomonidan yaxshi ko'riladi);
• Sintaksisni tekshirish funksiyasi belgilar kiritilganda darhol ishlaydi;
• makroslar yordamida so'nggi harakatlarni optimallashtirish va takrorlash;
• kodni avtomatik saqlash, bu uning yo'qolishini oldini oladi;
• turli vizual mavzular va dasturlash tillarini qo'llab-quvvatlash;
• tez-tez ishlatiladigan kalit so'zlar va kod qismlarini saqlash;
• Python-da tayyor plaginlar to'plami;

Sintaksisni ajratib ko'rsatish: + Teglarni avtomatik aniqlash: + OS mosligi: Windows, Mac OS, GNU/Linux. Bepul versiya: ha (funktsional cheklovlarsiz), lekin dasturni ko'rib chiqqandan so'ng siz litsenziyani sotib olishingiz kerak. Havola: http://www.sublimetext.com/3

WebStorm

Reliz: 2015. Bu oddiy matn muharriri emas, balki JavaScript, CSS va HTML uchun integratsiyalashgan ishlab chiqish muhiti hamdir. Uning mualliflari JavaRush talabalari tomonidan sevilgan IntelliJ IDEA muhitini yaratgan JetBrains kompaniyasidir. WebStorm eng aqlli va eng mashhur muharrirlardan biridir. Asosiy ramkalarni qo'llab-quvvatlaydi: AngularJS, React va Meteor va Node.js da dastur yaratish uchun ishlatiladi. WebStorm juda murakkab muhit, lekin shu bilan birga u juda ko'p kengaytmalar va funksiyalarga muhtoj bo'lganlar uchun juda yaxshi. Imkoniyatlar:

• Git, GitHub, Mercurial versiyalarni boshqarish tizimlari bilan integratsiyalashuvi tufayli turli o'lchamdagi loyihalar bilan samarali ishlaydi. Bu sizga fayllarni "majburiy qilish", o'zgarishlarni ko'rib chiqish va IDE ichidagi ziddiyatlarni hal qilish imkonini beradi;
• LiveEdit - sahifani qayta yuklamasdan dastlabki o'zgarishlarni ko'rsatadi (Google Chrome brauzeri bilan ishlaydi);
• tahrirlash vaqtida kod tahlili;
• Javascript va Node.js ilovalari uchun refaktoring va disk raskadrovka kodlari;
• ECMAScript, TypeScript, CoffeeScript va Dart tillarini qo'llab-quvvatlash;
• Node.js Express shablonidan foydalangan holda ilovalar yaratish;
• Mocha, Karma va Protractor kabi ramkalar bilan ishga tushirish va disk raskadrovka. Siz uni tahrirlovchining o'zida yoki qulay daraxt menyusida sinab ko'rishingiz mumkin, undan matnga tezda qaytishingiz mumkin;
• LESS, Sass, SCSS, Stylus preprotsessorlari to'liq quvvatlanadi;
• terminal oynasida tezkor qidiruv;
• bir nechta Javascript kutubxonalarini o'z ichiga olgan loyihalarni tuzish;
• jQuery, YUI, Prototype, DoJo, MooTools, Qooxdoo va Bindows dasturlarini qo'llab-quvvatlash;
• dastlabki qo'llab-quvvatlash va Angular 2 bilan ishlash.

Sintaksisni ajratib ko'rsatish: + Teglarni avtomatik aniqlash: + OS mosligi: Windows, Mac OS, GNU/Linux. Bepul versiya: 30 kunlik sinov versiyasi mavjud, keyin siz litsenziyani sotib olishingiz kerak. Havola: http://www.jetbrains.com/webstorm/

Atom

Chiqarish: 2014 yil 26 fevral. Hammaning sevimli Github mualliflari tomonidan yaratilgan bepul ochiq kodli dasturiy ta'minot . U 50 ta modulga qurilgan va Node JS, CoffeeScript, CSS, HTML va C++ tillarida yozilgan. Shuningdek, siz o'zingizning modullaringizni ishlab chiqishingiz va ularni ochiq kirish uchun omborga joylashtirishingiz mumkin. Ushbu ishlab chiqish muhitidan foydalanish juda oson va qo'shimcha plaginlar u bilan ishlash imkoniyatlarini kengaytirishga yordam beradi. Imkoniyatlar:

• json fayllari o'rniga konfiguratsiya uchun GUI dan foydalanadi;
• kodning mini-xaritasini va uning qismlarini ko'rish;
• loyihalar va fayllar bo'yicha tezkor qidiruv;
• qulay yon panel va fayl daraxti;
• Github-da mavjud bo'lgan ko'plab kengaytmalar paketlari;
• Emmet, Autoprefixer, Livereload-ni qo'llab-quvvatlash;
• yon panel daraxti orqali faylni ko'rish;
• muharrirni foydalanuvchining shaxsiy xohishlariga ko'ra sozlash imkoniyati;
• o'rnatilgan fayl menejerining mavjudligi;
• plaginlar bilan boshqaruv paketini o'rnatishning hojati yo'q, grafik foydalanuvchi interfeysidan foydalanish kifoya;
• Node.js da yozilgan plaginlarni qo'llab-quvvatlash;
• PNG, JPEG rasmlarni bevosita muharrirda oldindan ko'rish;
• Git versiyasini boshqarish tizimi bilan ishlashni taklif qiladi.

Malhamdagi pashsha juda ko'p xotira talab qilishi va katta ma'lumotlar fayllarini boshqarishga qodir emasligi bo'lishi mumkin. Sintaksisni ajratib ko'rsatish: + Teglarni avtomatik aniqlash: + OS mosligi: Windows 7, 8, Mac OS 10.8, Linux. Bepul versiya: ha. Havola: https://atom.io

Vim

Chiqarish: 1991 yil 2-noyabr. Siz so'rashingiz mumkin: keksa Vim zamonaviy muharrirlarning ushbu ro'yxatida nimani unutdi? Aslida, Vim UNIX operatsion tizimlarida mavjud bo'lgan eski vi asosida yaratilgan mutlaqo zamonaviy va kuchli matn muharriri. Va u doimo rivojlanib bormoqda. Ishlab chiquvchilar deyarli har yili yangi plaginlar va plaginlarni qo'shib, o'zgartirishlar kiritadilar. Bu oxirgi marta 2016 yilda sodir bo'lgan va kengaytmalar soni va tezligi haqiqatan ham hayratlanarli va tekshirishga arziydi. Vim - bu ko'p rejimli muharrir. Siz bir vaqtning o'zida bir nechta ishlashingiz mumkin: buyruq, qo'shish yoki ingl. Biroq, bu yangi boshlanuvchilar uchun juda murakkab ekanligini hisobga olish kerak. Garchi ko'p yillik tajribaga ega bo'lgan mutaxassislar uning ko'pgina funktsiyalaridan xabardor bo'lmasalar ham. Imkoniyatlar:

• standart matn kodlashlarini qo'llab-quvvatlash;
• bir vaqtning o'zida bir nechta fayllar bilan ishlashingiz mumkin;
• fayllarni avtomatik tanib olish va o'zgartirish;
• Perl, Tcl, Python va Ruby dasturlash tillari bilan muvofiqligi;
• har bir foydalanuvchining ehtiyojlari uchun qulay sozlamalarni yaratish;
• makroslarni yozib olish va amalga oshirish;
• vizual rejim juda ko'p foydali funktsiyalarni bajarishi mumkin (masalan, matn bloklarini ajratib ko'rsatish);
• o'ngdan chapga yozilgan nostandart tillarni qo'llab-quvvatlash (masalan, arab yoki ibroniy);
• qidiruv so'zlari va buyruqlar tarixi uchun qulay sozlamalar;
• Sichqonchasiz klaviaturadan to'liq foydalanishni qo'llab-quvvatlaydi;
• katta fayllar bilan ishlashda ajoyib ishlashni namoyish etadi.

Sintaksisni ajratib ko'rsatish: + Avtomatik tegni aniqlash: + OS mosligi: Windows, DOS, Linux, BSD va Mac OS, iOS, Android, AmigaOS, Atari MiNT, BeOS, NextStep, OS/2, OSF, RISC OS, SGI, VMS. Bepul versiya: ha. Havola: https://vim.sourceforge.io/download.php

Netbeans

Chiqarilgan: 1997. Bepul, ochiq kodli IDE, Oracle homiyligida va g'ayratli ishlab chiquvchilar tomonidan qo'llab-quvvatlanadi. Qulaylik va tezlikni oshirish uchun u doimiy ravishda ishlab chiqiladi va turli kengaytmalar bilan to'ldiriladi. Imkoniyatlar:

• oyna va saqlash boshqaruvi;
• interfeys va dizayndagi o'zgarishlar (shu jumladan menyular va qalqib chiquvchi oynalar);
• masofaviy server bilan ulanishni o'rnatish;
• Kodni qayta ishlash imkoniyati mavjud;
• qo'shimchalar, shablonlar va kod generatorlari mavjud;
• ko'plab dasturlash tillarini qo'llab-quvvatlaydi;
• avtomatik sintaksisni tekshirish va tuzatish;
• muharrirni foydalanuvchi ehtiyojlariga moslashtirish;
• JavaScript va Node.JS ilovalarini ishga tushirish va disk raskadrovka;
• PHP ramkalarini qo'llab-quvvatlash (Symfony, Zend va Yii).

Malhamda uchib keting: u juda ko'p xotirani iste'mol qiladi. Sintaksisni ajratib ko'rsatish: + Avtomatik tegni aniqlash: + OS mosligi: Microsoft Windows, Linux, FreeBSD, Mac OS X, OpenSolaris va Solaris. Bepul versiya: ha. Faqat u bepul. Havola: https://netbeans.org

Hardkor bonusi: Notepad, ya'ni "Notepad"

Chiqarish: 1985, Windows 1.0 bilan birga. Ha, ha, barcha Windows kompyuterlaringizda sukut bo'yicha o'rnatilgan bir xil Notepad. "Bu qadimiylik bu erda nimani unutdi? BU taraqqiyotga nima aloqasi bor?", deb so'raysiz. Darhaqiqat, biz tushunamizki, bugungi kunda hech kim klassik bloknotda jiddiy narsalarni yaratishi dargumon. Biroq, aynan shu dasturda ko'plab novice ishlab chiquvchilar so'nggi 15-20 yil davomida o'zlarining birinchi veb-saytlarini "birlashtirib" va birinchi dasturlarini yozishgan. Nima demoqchimiz, agar siz o'rganishni istasangiz, sizni hech narsa to'xtatmasligi kerak. Haqiqiy ishlab chiquvchi (va shunday bo'lishni xohlaydigan kishi) uchun Notepad to'siq emas. Xususiyatlari: faqat qora matn, faqat qattiq. Malhamda uchib keting: malhamda chivin yo'q: "Bloknot" o'zining minimalizmida mukammaldir! Sintaksisni ta'kidlash: yo'q. Xotirangizni mashq qiling! Avtomatik tegni aniqlash: voy! Bepul versiya: Notepad faqat Windows kabi bepul.