IDE dan editor teks terbaik untuk pembangun bahagian hadapan

Sedozen atau dua tahun yang lalu, laman web dibuat menggunakan tangan dan editor teks biasa. Menulis tag html anda sendiri, sedikit keajaiban menggunakan gaya sebaris dalam CSS, dibumbui dengan animasi yang menghiburkan - dan tapak itu sedia untuk digunakan. Pada masa kini, mencipta dan membangunkan laman web atau aplikasi adalah proses berstruktur. Anda boleh membuat tapak web menggunakan pembangun laman web dalam satu minit, atau anda boleh menyusahkannya selama beberapa bulan. Apabila pembangunan web berubah, rangka kerja, pemalam dan aplikasi baharu muncul untuk menyelaraskan pengekodan. Alat tambahan memudahkan persekitaran kerja anda dan meningkatkan produktiviti. Kami menggunakan sistem kawalan versi untuk pengurusan projek sumber terbuka kolaboratif dan perpustakaan seperti jQuery. Persekitaran pembangunan memainkan peranan yang sangat penting dalam proses mencipta laman web. Memilih pemproses kata yang ideal boleh menjadi tugas yang mencabar tetapi boleh dilakukan yang memerlukan aplikasi penyelidikan empirikal. Bagaimana untuk tidak tersesat dalam lautan alat, aplikasi dan pemalam ini? Editor teks manakah yang patut anda pilih untuk kerja harian, dan yang manakah untuk projek haiwan kesayangan? Kami telah menyusun senarai pendek alat yang paling popular untuk pembangun bahagian hadapan pemula. Adakah kami terlupa untuk menyebut editor kegemaran anda dalam artikel itu? Tinggalkan komen!

Notepad++

Keluaran: 24 November 2003. Editor teks paling mudah dengan penyerlahan sintaks dan tab. Menyokong banyak bahasa dan teknologi pengaturcaraan. Sesuai untuk pemula yang baru melangkah ke cerun licin pembangunan web. Kemungkinan:

• mencipta penanda buku;
• menyalin dan menyimpan fail yang dibuat secara automatik;
• sokongan dan penukaran pengekodan teks standard;
• pengguna boleh menetapkan peraturan secara bebas untuk penyerlahan sintaks;
• pemasangan pelbagai pemalam yang berguna;
• menetapkan dan mentakrifkan semula kekunci panas;
• semakan ejaan dan penyulitan teks;
• bermain Tetris (sekiranya anda bosan dengan pengekodan);
• boleh menguruskan volum data yang besar.

"Ciri" tambahan editor ini dianggap sebagai "telur Paskah" dalam bentuk memaparkan petikan daripada Bapa Gelap - Darth Vader dan bapa "folder benci" - Bill Gates. Lalat dalam salap: antara muka yang terlalu ringkas yang tidak memenuhi piawaian pembangunan hari ini. Ia boleh dibandingkan dengan cahaya lampu suluh pada siang hari. Penyerlahan sintaks: + Pengesanan teg automatik: + Keserasian OS: Windows, ReactOS. Versi percuma: ya. Pautan: https://notepad-plus-plus.org/download/v7.5.1.html

kurungan

Keluaran: 4 November 2014. Adobe mempunyai banyak produk hebat yang digemari oleh pembangun dan pereka Frontend. Dan Brackets adalah salah satu daripadanya. Editor rentas platform percuma, sumber terbuka, berasaskan JavaScript, HTML5 dan CSS3, jadi kerjanya tertumpu secara khusus pada mereka. Jika anda mempunyai pemahaman asas tentang JavaScript, maka ini adalah editor yang anda harus mula bekerja dengannya. Kerana dialah yang akan menyediakan semua alat yang diperlukan untuk pengembangan. Editor memerlukan beberapa penambahbaikan, tetapi secara keseluruhannya ia sedang dibangunkan dengan agak aktif dan popular di kalangan pembangun. Selain itu, setiap pengguna boleh membuat perubahan mereka sendiri dan membuat sambungan tambahan. Kemungkinan:

• petua untuk mengedit fail JS, CSS dan HTML;
• sokongan untuk melihat kod dalam penyemak imbas dalam masa nyata (Pratonton Langsung);
• penyegerakan dengan pelayan FTP;
• sokongan dan penyusunan automatik CSS ke dalam kurang fail;
• menyediakan pilihan fon (dengan kemungkinan menambahnya) yang boleh anda gunakan semasa bekerja dengan teks;
• bekerja dengan sistem kawalan versi – Git.

Versi baharu 2017 memperkenalkan keupayaan untuk mencari melalui sejarah, menghantar dan menerima fail dengan pengekodan berbeza, menavigasi sejarah penyuntingan menggunakan kekunci pintas, mendayakan dan melumpuhkan sambungan serta menu asli untuk Linux. Penyerlahan sintaks: + Pengesanan teg automatik: + Keserasian OS: macOS, Windows dan Linux. Versi percuma: ya. Pautan: http://brackets.io

Mulia

Keluaran: 18 Januari 2008. Editor kod merentas platform dan persekitaran pembangunan bersepadu (IDE). Kami menyukai editor ini kerana kelajuan dan kemudahan penggunaannya, manakala Coda dan TextMate jatuh di tepi jalan dan mengecewakan pangkalan pengguna utama dengan kemas kini yang sangat menyusahkan. Kemungkinan:

• navigasi pantas melalui fail, simbol dan bahagian kod tertentu (inilah sebabnya ia disukai oleh ramai pengguna);
• Fungsi semakan sintaks berfungsi serta-merta apabila anda memasukkan aksara;
• pengoptimuman dan pengulangan tindakan terkini menggunakan makro;
• penjimatan automatik kod, yang menghalang kehilangannya;
• sokongan untuk pelbagai tema visual dan bahasa pengaturcaraan;
• menyimpan kata kunci yang kerap digunakan dan serpihan kod;
• satu set pemalam siap pakai dalam Python;

Penserlahan sintaks: + Pengesanan teg automatik: + Keserasian OS: Windows, Mac OS, GNU/Linux. Versi percuma: ya (tanpa had fungsi), tetapi selepas menyemak aplikasi, anda perlu membeli lesen. Pautan: http://www.sublimetext.com/3

WebStorm

Keluaran: 2015. Ini bukan editor teks biasa, tetapi juga persekitaran pembangunan bersepadu untuk JavaScript, CSS & HTML. Pengarangnya ialah JetBrains, syarikat yang sama yang mencipta persekitaran IntelliJ IDEA, yang disukai oleh pelajar JavaRush. WebStorm ialah salah satu penyunting paling bijak dan paling popular. Menyokong rangka kerja utama: AngularJS, React dan Meteor dan digunakan untuk mencipta aplikasi pada Node.js. WebStorm ialah persekitaran yang agak kompleks, tetapi pada masa yang sama ia bagus untuk mereka yang memerlukan banyak sambungan dan ciri. Kemungkinan:

• Berfungsi dengan berkesan dengan projek dengan saiz yang berbeza berkat penyepaduan dengan sistem kawalan versi Git, GitHub, Mercurial. Ini membolehkan anda "membuat" fail, menyemak perubahan dan menyelesaikan konflik terus dalam IDE;
• LiveEdit - menunjukkan perubahan awal tanpa memuatkan semula halaman (berfungsi dengan penyemak imbas Google Chrome);
• analisis kod semasa penyuntingan;
• pemfaktoran semula dan kod penyahpepijatan untuk aplikasi Javascript dan Node.js;
• sokongan untuk bahasa ECMAScript, TypeScript, CoffeeScript dan Dart;
• mencipta aplikasi menggunakan templat Node.js Express;
• melancarkan dan menyahpepijat dengan rangka kerja seperti Mocha, Karma dan Protractor. Anda boleh mengujinya dalam editor itu sendiri atau dalam menu pokok yang mudah, dari mana anda boleh kembali ke teks dengan cepat;
• Prapemproses KURANG, Sass, SCSS, Stylus disokong sepenuhnya;
• carian pantas dalam tetingkap terminal;
• menstruktur projek yang melibatkan berbilang perpustakaan Javascript;
• sokongan untuk JQuery, YUI, Prototaip, DoJo, MooTools, Qooxdoo dan Bindows;
• sokongan awal dan bekerja dengan Angular 2.

Penserlahan sintaks: + Pengesanan teg automatik: + Keserasian OS: Windows, Mac OS, GNU/Linux. Versi percuma: Terdapat versi percubaan selama 30 hari, maka anda perlu membeli lesen. Pautan: http://www.jetbrains.com/webstorm/

Atom

Keluaran: 26 Februari 2014. Perisian sumber terbuka percuma yang dicipta oleh pengarang Github kegemaran semua orang . Ia dibina pada 50 modul dan ditulis dalam Node JS, CoffeeScript, CSS, HTML dan C++. Anda juga boleh membangunkan modul anda sendiri dan menyiarkannya dalam repositori untuk akses terbuka. Persekitaran pembangunan ini agak mudah digunakan, dan pemalam tambahan membantu mengembangkan kemungkinan bekerja dengannya. Kemungkinan:

• menggunakan GUI untuk konfigurasi dan bukannya fail json;
• melihat peta mini kod dan serpihannya;
• carian pantas mengikut projek dan fail;
• bar sisi yang mudah dan pokok fail;
• sejumlah besar pakej sambungan tersedia di Github;
• Emmet, Autoprefixer, sokongan Livereload;
• melihat fail melalui pokok bar sisi;
• keupayaan untuk menyesuaikan editor mengikut keutamaan pengguna individu;
• kehadiran pengurus fail terbina dalam;
• tidak perlu memasang pakej kawalan dengan pemalam, cukup untuk menggunakan antara muka pengguna grafik;
• sokongan untuk pemalam yang ditulis dalam Node.js;
• pratonton imej PNG, JPEG terus dalam editor;
• menawarkan kerja dengan sistem kawalan versi Git.

Lalat dalam salap mungkin memerlukan banyak memori dan tidak dapat mengendalikan fail data yang besar. Penyerlahan sintaks: + Pengesanan teg automatik: + Keserasian OS: Windows 7, 8, Mac OS 10.8, Linux. Versi percuma: ya. Pautan: https://atom.io

Vim

Keluaran: 2 November 1991. Anda mungkin bertanya: apakah yang Vim lama terlupa dalam senarai editor moden ini? Malah, Vim ialah penyunting teks moden dan berkuasa sepenuhnya, dicipta berdasarkan vi lama, tersedia pada sistem pengendalian UNIX. Dan ia sentiasa berkembang. Pembangun membuat perubahan hampir setiap tahun, menambah pemalam dan alat tambah baharu. Kali terakhir perkara ini berlaku adalah pada tahun 2016, dan bilangan sambungan serta kelajuannya benar-benar menakjubkan dan patut dilihat. Vim ialah editor berbilang mod. Anda boleh bekerja dalam beberapa sekaligus: arahan, sisipan atau visual. Walau bagaimanapun, perlu dipertimbangkan bahawa ia agak rumit untuk pemaju pemula. Walaupun pakar dengan pengalaman bertahun-tahun tidak mengetahui banyak fungsinya. Kemungkinan:

• sokongan untuk pengekodan teks standard;
• anda boleh bekerja dengan beberapa fail pada masa yang sama;
• pengecaman automatik dan penukaran fail;
• keserasian dengan bahasa pengaturcaraan Perl, Tcl, Python dan Ruby;
• mewujudkan tetapan yang selesa untuk keperluan setiap pengguna;
• merekod dan melaksanakan makro;
• mod visual boleh melaksanakan banyak fungsi berguna (contohnya, menyerlahkan blok teks);
• sokongan untuk bahasa bukan standard yang ditulis dari kanan ke kiri (seperti bahasa Arab atau Ibrani);
• tetapan mudah untuk perkataan carian dan sejarah arahan;
• Menyokong penggunaan penuh papan kekunci tanpa tetikus;
• menunjukkan prestasi yang menakjubkan apabila bekerja dengan fail besar.

Penyerlahan sintaks: + Pengesanan teg automatik: + Keserasian OS: Windows, DOS, Linux, BSD dan Mac OS, iOS, Android, AmigaOS, Atari MiNT, BeOS, NextStep, OS/2, OSF, RISC OS, SGI, VMS. Versi percuma: ya. Pautan: https://vim.sourceforge.io/download.php

Netbeans

Dikeluarkan: 1997. Percuma, sumber terbuka IDE, ditaja oleh Oracle dan disokong oleh pembangun yang bersemangat. Ia sentiasa dibangunkan dan ditambah dengan pelbagai sambungan untuk kemudahan dan peningkatan kelajuan. Kemungkinan:

• pengurusan tingkap dan storan;
• perubahan antara muka dan reka bentuk (termasuk menu dan pop timbul);
• menyediakan sambungan dengan pelayan jauh;
• Pemfaktoran semula kod tersedia;
• terdapat alat tambah, templat dan penjana kod;
• menyokong banyak bahasa pengaturcaraan;
• semakan dan pembetulan sintaks automatik;
• menyesuaikan editor untuk memenuhi keperluan pengguna;
• melancarkan dan menyahpepijat aplikasi JavaScript dan Node.JS;
• sokongan untuk rangka kerja PHP (Symfony, Zend dan Yii).

Terbang dalam salap: ia menggunakan banyak ingatan. Penyerlahan sintaks: + Pengesanan teg automatik: + Keserasian OS: Microsoft Windows, Linux, FreeBSD, Mac OS X, OpenSolaris dan Solaris. Versi percuma: ya. Cuma ianya percuma. Pautan: https://netbeans.org

Bonus tegar: Notepad, aka “Notepad”

Keluaran: 1985, bersama-sama dengan Windows 1.0. Ya, ya, Notepad yang sama yang dipasang secara lalai pada semua komputer Windows anda. "Apakah zaman purba ini terlupa di sini? Apa kaitan INI dengan pembangunan? "Anda bertanya. Malah, kami faham bahawa tidak mungkin sesiapa hari ini akan mencipta sesuatu yang serius dalam Notepad klasik. Walau bagaimanapun, dalam program ini banyak pembangun pemula telah menghabiskan 15-20 tahun terakhir "menyusun" laman web pertama mereka dan menulis program pertama mereka. Apa yang kami maksudkan ialah jika anda ingin belajar, tiada apa yang boleh menghalang anda. Untuk pembangun sebenar (dan seseorang yang ingin menjadi satu), Notepad bukanlah penghalang. Ciri-ciri: hanya teks hitam, hanya tegar. Terbang dalam salap: tiada lalat dalam salap: "Notepad" sempurna dalam minimalisnya! Penserlahan sintaks: tidak. Latih ingatan anda! Pengesanan tag automatik: wow! Versi percuma: Notepad hanya percuma seperti Windows anda.