Editor teks untuk pemrogram - alat pemrograman. Editor teks
Begitu pula mereka yang sudah lama berkecimpung dalam pengembangan web. Lagi pula, sesuatu yang baru selalu muncul, kebutuhan pelanggan berubah, keterampilan Anda meningkat, Anda ingin mengotomatiskan proses rutin untuk proyek besar dan mendapatkan peluang “out of the box” sebanyak mungkin. Pada artikel ini, kami telah mengumpulkan editor teks terbaik untuk pengembang web saat ini.
Teks Luhur (Windows, Linux, Mac)
Ini adalah editor teks untuk pengembang web, ditulis dalam C++ dan Python. Tampilannya sama di semua platform yang didukung berkat penggunaan kerangka UI-nya sendiri. Pengembang menyediakan versi gratis untuk evaluasi, tetapi untuk penggunaan jangka panjang Anda perlu membeli lisensi. Bonusnya adalah lisensinya per pengguna, bukan per perangkat. Diskon juga tersedia untuk pembelian beberapa lisensi untuk sebuah perusahaan.
Keuntungan utama Sublime Text:
- Kemudahan penggunaan - Setelah Anda membuka Sublime Text, Anda dapat segera mulai mengerjakannya.
- Pencarian cepat dan fleksibel menggunakan pencocokan fuzzy.
- Kemungkinan pilihan ganda untuk memasukkan teks yang sama dalam beberapa baris sekaligus. Untuk mengatur posisi kursor, tekan Ctrl + tombol kiri mouse atau Ctrl + klik kiri tiga kali untuk memilih seluruh paragraf.
- Kehadiran peta mini visual dari kode - berguna saat bekerja dengan file besar, karena memungkinkan Anda dengan cepat menemukan fragmen yang diperlukan:
- Kemampuan menggunakan cuplikan untuk mempercepat pekerjaan dan sejumlah besar plugin untuk berbagai tugas. Yang utama dapat dianggap sebagai Kontrol Paket, yang dengannya Anda dapat mencari dan menginstal plugin yang diperlukan langsung dari editor.
Berikut beberapa contoh plugin:
Emmet adalah plugin luar biasa yang memungkinkan Anda menggunakan pintasan untuk memasukkan tag tertentu, misalnya:
Ul#nav>li.item$*3>a(Item $)
Emmet mengubah pintasan di atas menjadi daftar dengan tiga elemen:
SublimeLinter adalah plugin pemeriksa sintaksis. Ini memungkinkan Anda meminimalkan jumlah kesalahan dengan memeriksa kode tertulis dengan cepat. Anda hanya perlu menginstal paket-paket yang diperlukan, misalnya: SublimeLinter-html-tidy, SublimeLinter-csslint, SublimeLinter-jshint dan SublimeLinter-php.
CSScomb adalah plugin yang membantu Anda menempatkan pemilih CSS dalam urutan yang benar untuk kemudahan membaca dan mengedit di masa mendatang.
Adapun kekurangan Sublime Text termasuk biayanya ($70), dan juga fakta bahwa konfigurasi dilakukan tidak melalui GUI, tetapi dengan mengubah konfigurasi json.
WebStorm (Windows, Linux, Mac)
WebStorm bukan hanya sebuah editor, tetapi sebuah lingkungan pengembangan terintegrasi (IDE) yang ditulis dalam Java. Namun karena perbedaan antara IDE dan editor dengan lebih banyak plugin dapat diabaikan, kami memutuskan untuk memasukkannya ke dalam daftar ini juga.
WebStorm memiliki keunggulan sebagai berikut:
- Bekerja secara efisien dengan proyek dengan ukuran berapa pun berkat integrasi sistem kontrol versi, termasuk Git, Mercurial, dan Subversion.
- Tingkatkan kualitas kode dan patuhi prinsip Test Driven Development (TTD) dengan menggunakan JsTestDriver Google.
- LiveEdit untuk langsung melihat perubahan tanpa memuat ulang halaman.
- Ketersediaan kemampuan bawaan untuk memeriksa kualitas kode - JSHint, JSLint, Google Closure Linter.
- Dukungan untuk sejumlah besar teknologi: TypeScript, CoffeeScript, Less, Sass, Stylus, Compass, EJS, Handlebars, Moustache, Web Components, Jade, Emmet, dan lainnya.
WebStorm adalah anugerah bagi mereka yang membutuhkan banyak fungsi berbeda dan bersedia membayarnya: biaya lisensi individu untuk tahun pertama adalah $59, biaya lisensi perusahaan untuk tahun pertama adalah $129. Jika Anda memerlukan sesuatu yang lebih sederhana, lihat editor lain.
Atom (Windows, Linux, Mac)
Berbeda dengan dua editor sebelumnya, Atom adalah produk open source yang gratis. Itu dirakit dari 50 modul dan ditulis dalam C++, JavaScript, CSS dan HTML. Dimungkinkan untuk menambahkan modul Anda sendiri ke repositori publik sehingga orang lain dapat menggunakannya. Ia memiliki semua fitur dasar yang sama seperti Sublime Text, seperti menemukan kecocokan fuzzy dalam proyek dan file dengan cepat, memiliki peta mini, dan juga menggunakan cuplikan. Ini mendukung Emmet, Autoprefixer, pemformatan otomatis kode dengan atom-beautify yang disebutkan sebelumnya, Livereload.
Kelebihan Atom dibandingkan Sublime Text berbayar:
- Pengaturan GUI, bukan file JSON.
- Untuk menginstal plugin, Anda tidak perlu menginstal Package Control; semuanya dilakukan dari antarmuka visual.
Kurung (Windows, Linux, Mac)
Ini adalah editor teks untuk pengembang web dari Adobe. Ini memiliki kode sumber terbuka dan fitur sederhana namun penting yang ada di editor yang telah disebutkan:
- Tampilan instan perubahan di browser ().
- Banyak pilihan dan pengeditan.
Bonus Brackets adalah API yang terdokumentasi dengan baik untuk membuat plugin Anda sendiri, serta fitur Ekstrak untuk Kurung (Pratinjau) yang mempercepat proses mengekstraksi data warna, font, dan ukuran dari PSD.
Kekurangan dari Brackets adalah kecepatan pengoperasian yang rendah jika banyak plugin yang diinstal.
Coda (Mac OS dan iOS)
TextMate dan Coda adalah editor teks web paling populer untuk Mac. Kami percaya bahwa Coda masih lebih cocok untuk pengembang web dibandingkan TextMate, yang dimaksudkan untuk menjadi produk universal. Coda adalah editor ringan dengan semua fitur yang Anda perlukan (seperti menciutkan blok kode, pencarian dan penggantian cepat, pelengkapan otomatis proyek, dukungan Git dan Subversion), tetapi juga memiliki fiturnya sendiri:
- Kemampuan untuk mengedit file dari jarak jauh melalui FTP, SFTP, WebDAV atau di server Amazon S3.
- Pencarian yang disederhanakan menggunakan ekspresi reguler berkat tombol wildcard.
- Pratinjau WebKit dan Pratinjau Udara. Yang terakhir memungkinkan Anda menggunakan iPad atau iPhone yang menjalankan Coda versi iOS untuk melihat pratinjau halaman saat Anda membuatnya di komputer desktop Anda.
- Editor Terminal dan MySQL bawaan.
Coda juga memiliki pluginnya sendiri, tetapi tentu saja jumlahnya tidak sebanyak editor open source. Banyak orang memuji plugin PHP & Web Toolkit, yang meliputi:
- Pemeriksaan sintaksis PHP otomatis dengan berpindah ke kesalahan berikutnya dan penyimpanan otomatis.
- Mengorganisasikan, memformat ulang kode yang ditulis dalam HTML, CSS, JavaScript atau PHP.
- Validasi HTML, CSS dan JavaScript.
- Minifikasi JavaScript dan CSS.
Biaya lisensi Coda untuk satu pengguna adalah $99.
Seperti yang Anda lihat, fungsi editor modern cukup luas, sehingga pilihannya tergantung pada platform yang digunakan, serta kemampuan finansial. Editor pengembangan web mana yang Anda sukai?
Staf studio selalu mengikuti tren terkini dalam desain dan pengembangan web. Dengan memilih kami sebagai mitra Anda, Anda dapat yakin bahwa situs web Anda akan memenuhi standar desain dan pengembangan web modern.
Tampaknya tepat bagi kami untuk mendistribusikan editor teks berdasarkan popularitas dan fungsionalitas, dari yang paling sederhana hingga yang paling fungsional. Selain itu, artikel ini akan berisi ulasan editor tidak hanya untuk sistem operasi keluarga Windows, tetapi juga untuk sistem Linux. Jadi, mari kita mulai dengan ulasannya.
Editor teks paling sederhana dan tidak rumit untuk sistem keluarga Windows selalu ada dan tetap ada Buku catatan. Editor teks ini biasanya digunakan untuk membuat catatan teks kecil. Karena segala sesuatu yang dimasukkan ke dalam notepad tetap dalam bentuk aslinya, editor teks ini diminati oleh para pemrogram, karena sangat mudah untuk memasukkan kode program ke dalamnya. Sangat mudah untuk menyalin kata sandi, perintah konsol, dan berbagai tautan ke notepad ini. Sejak dahulu kala, program Notepad menjadi standar dengan sistem operasi Windows, apa pun konfigurasinya. Oleh karena itu, pada hakikatnya bisa dianggap gratis.
Sistem Linux juga bukannya tanpa program seperti itu. Analog ini disebut - gedit. Dari segi fungsionalitas, program ini benar-benar identik dengan notepad terkenal.
Editor semacam itu sangat sederhana dan kompak - inilah keunggulan utama mereka. Mereka ideal untuk menyisipkan dan menyimpan dengan cepat sepotong kecil teks, informasi yang perlu diingat atau disampaikan kepada orang lain. Namun kelemahannya adalah terlalu sederhana, karena terkadang pengguna tidak memiliki kemampuan untuk memformat teks dengan tepat.
Buku Catatan++- editor teks untuk pengguna yang lebih mahir atau lebih pemilih. Notepad ini memiliki lebih banyak fungsi berbeda, tetapi pada saat yang sama tetap merupakan editor teks yang cukup sederhana. Notebook ini juga dibagikan secara gratis dan dapat diunduh dari situs resminya menggunakan link yang akan disediakan di akhir artikel ini. Program ini bukannya tanpa antarmuka Rusia. Sangat populer di kalangan pengembang.
Papan Kata adalah editor teks standar lainnya. Ini adalah standar dalam berbagai program Windows yang diinstal. Editor teks ini dapat dengan aman disebut sebagai jalan tengah antara notepad biasa dan Microsoft Word yang terkenal. Secara sederhana, WordPad mengambil kesederhanaan notepad dan fitur terpenting dari Word. Hasilnya cukup baik. Untuk mengetik teks sederhana dan memformatnya dengan indah, sekaligus menghemat banyak pembelian Microsoft Word (ya, di negara-negara Eropa mereka membelinya, bukan meretasnya). Selain itu, editor teks ini berfungsi dengan baik dalam membuka dokumen yang dibuat di Word. Perlu diingat bahwa pemeriksaan ejaan WordPad cukup buruk.
Editor teks seperti, katakanlah, atau sudah merupakan program profesional yang hanya dapat melakukan banyak hal. Tujuan artikel ini adalah untuk memberi tahu Anda tentang editor teks sederhana, jadi kami tidak akan membicarakan editor teks tingkat lanjut.
Namun yang layak disebutkan menurut kami adalah editor online dari perusahaan tersebut Google. Yang ini sepenuhnya gratis dan merupakan bagian dari Google Drive.
Keuntungan dari pendekatan ini jelas bagi semua orang. Anda dapat mengetik teks dari jarak jauh di server, lalu menyimpannya di penyimpanan cloud atau di komputer Anda. Dan mungkin bodoh untuk mengatakan bahwa di era teknologi modern, Anda dapat membuka dokumen ini menggunakan ponsel cerdas, tablet, laptop, atau komputer pribadi di mana pun di dunia yang memiliki Internet.
Sedangkan untuk text editor online sendiri dari Google tidak ada bandingannya di segmen ini. Mudah untuk digunakan, karena antarmukanya mengingatkan kita pada editor teks standar dan familiar. Desain dokumen memungkinkan Anda membuat layanan yang sangat bagus; tentu saja, ini jauh dari Word, tetapi masih lebih dari bagus. Browser itu sendiri memeriksa ejaan, yang juga bukan pilihan terburuk. Tidak diragukan lagi, kelebihan layanan ini adalah gratis dan Anda dapat mengaksesnya di mana saja dan dari perangkat apa pun yang memiliki akses Internet. Dan dengan pendekatan modern seperti itu, layanan ini tidak memiliki kekurangan.
Dan buku catatan terakhir untuk hari ini, yang tidak bisa disebutkan - catatan abadi. Apakah Anda mencari cara untuk mengakses rekaman Anda dengan mudah dari perangkat seluler, browser web, atau tablet? Tidak tahu cara membuat catatan dengan cepat dan benar untuk seluruh keluarga atau teman Anda? Dalam hal ini, Evernote akan menjadi penyelenggara terbaik untuk Anda.
Kita bisa membicarakan program luar biasa ini untuk waktu yang sangat lama. Oleh karena itu, kami akan membatasi diri dalam mengobrol dan hanya mengatakan bahwa notebook ini memiliki banyak keunggulan dibandingkan yang lain dan Anda pasti patut mencobanya! Anda dapat mengerjakannya dari mana saja. Dan itu juga gratis. Tentu saja, ada langganan berbayar yang memperluas kemampuan penyelenggara, tetapi akses gratis sudah lebih dari cukup untuk rata-rata pengguna. Selain itu, program ini sepenuhnya Russified. Gunakan, Anda tidak akan menyesal!
Dengan ini saya ingin mengakhiri ulasan kami. Kami harap artikel ini membantu Anda memutuskan editor teks terbaik. Semoga Anda beruntung!
Tidak setiap tugas dan tidak setiap proyek memerlukan IDE yang lengkap, jadi bagi banyak orang, alat utama tetaplah editor teks favorit mereka. Dan tampaknya pilihannya sederhana: Sublime Text yang kuat, dapat diperluas, namun sederhana, karya klasik yang hidup dalam bentuk emacs dan vim, serta favorit platform tunggal - Notepad++ untuk Windows, TextMate untuk OS X, dan Geany untuk Linux. Namun editor baru bermunculan hampir setiap hari - apakah masuk akal bagi Anda untuk mengubah kebiasaan Anda? Mari kita lihat apa yang terjadi.
Atom
Pada bulan Agustus 2011, salah satu pendiri GitHub, Chris "defunkt" Wanstrath menetapkan tujuan ambisius: untuk membuat editor yang benar-benar terbuka dan menawarkan kemampuan peretasan tanpa batas, tanpa berubah menjadi Vim atau Emacs lain (yang, seperti Anda tahu, dapat melakukannya hampir segalanya, tapi hanya jika Anda memiliki otak seperti Jeff Dean). Dan sekarang, tiga tahun dan lebih dari lima belas ribu komitmen kemudian, pengujian beta publik dimulai. Pada bulan Maret tahun ini, Atom tersedia untuk diunduh bagi semua orang. Bagaimana perusahaan terkenal akan merevolusi pendekatan kita terhadap coding?
Hal pertama yang menarik perhatian Anda saat meluncurkan gagasan baru GitHub adalah antarmukanya yang sangat mirip dengan Sublime Text. Ini sendiri bukanlah suatu minus. Sudah menjadi fakta umum bahwa antarmuka Sublime terinspirasi oleh editor kode lain yang tidak kalah populernya untuk OS X, TextMate. Kisah saat ini dengan Atom dan Sublime hanya menekankan kesuksesan solusi GUI yang terakhir.
Hal kedua tentang Atom pada dasarnya adalah aplikasi web yang dibungkus dengan Chromium. Tidak, tentu saja, editor memiliki ikonnya sendiri di dok, menu sistem normal, dan dukungan untuk tombol pintas asli. Hanya saja inti Atom sebagian besar ditulis dalam CoffeeScript, berjalan di Node.js, dan antarmuka editornya sendiri merupakan halaman HTML dengan markup yang cukup normal. Anda dapat memverifikasi ini dengan memilih Pengembang -> Alat pengembang Toogle dari menu Tampilan.
Fitur menarik ketiga dari Atom adalah modularitasnya. Dalam tradisi terbaik ekosistem Node.js, ini ditulis menggunakan jumlah maksimum modul terbuka (lebih dari lima puluh). Artinya, jika Anda tidak menyukai beberapa fungsi standar, maka menurut pengembangnya, Anda dapat dengan mudah menemukan penggantinya dari lebih dari 70 ribu paket di registri npm atau menulis plugin Anda sendiri. Mengingat JavaScript sebenarnya telah menjadi bahasa paling populer di GitHub sejak lama, dan CoffeeScript hanya tertinggal sedikit di belakang Perl, hal ini memberi kami keyakinan akan masa depan Atom.
Bagaimana dengan fitur mematikan? Di sini semuanya tidak begitu cerah. Entah itu proyeknya yang masih muda atau yang lainnya, Atom, terlepas dari nama besar pembuatnya dan harapan besarnya, tidak memberikan apa pun di luar kotak yang bisa membuat Anda memainkannya berjam-jam. Apa yang disajikan oleh pengembang sebagai kelebihan (misalnya, pelengkapan otomatis, tab, penciutan kode, cuplikan) hanya dapat membuat para penganut Sublime tersenyum merendahkan. Ya, tentu saja Atom sudah memiliki manajer paketnya sendiri, tetapi saya tidak menemukan apa pun di repositorinya yang tidak dapat diimplementasikan menggunakan plugin untuk Sublime.
Meja Ringan
Pengembangan Light Table dimulai pada tahun 2011, ketika programmer Amerika Chris Granger memutuskan bahwa proses bekerja dengan kode di editor teks modern tidak cukup sesuai dengan alur kerja modern. Singkatnya, tugas Light Table adalah membuat proses pengembangan benar-benar interaktif dan visual, memberikan umpan balik instan kepada pengembang tentang tindakan apa pun, sehingga membantu menavigasi kode besar dengan cepat. Dengan ide inilah Chris pergi ke Kickstarter dan dengan cepat mengumpulkan $316.720 untuk pengembangan proyek, dengan target yang ditetapkan sebesar 200 ribu. Mengapa sebenarnya para pembuat roti sangat menyukai ide Chris?
Salah satu fitur paling keren dari Light Table adalah kemampuan untuk bekerja dengan dokumentasi saat Anda menulis kode. Untuk melihat deskripsi suatu fungsi, cukup arahkan kursor ke fungsi tersebut. Editor akan langsung menemukan dan menampilkan dokumentasi untuk fungsi atau parameter yang diminta (dalam kasus metode bawaan) atau menampilkan deskripsi tambahan dari fungsi yang tersisa langsung di kode. Ini agak mengingatkan pada pelengkapan otomatis, yang digunakan dalam lingkungan pengembangan Visual Studio dari Microsoft, tetapi jauh lebih dalam dan kuat.
Fitur pembunuh kedua bisa disebut eksekusi fungsi instan saat menulis kode. Hal ini memungkinkan Anda untuk mencoba kondisi masukan yang berbeda dalam mode debug dan melihat tidak hanya hasilnya, tetapi juga bagaimana variabel mengalir melalui seluruh kode. Ini juga merupakan hal yang cukup berguna, terutama ketika Anda tidak yakin dengan hasil eksekusi kode apa pun.
Fitur ketiga dari Light Table adalah kemampuannya yang unik untuk mengatur kode ke dalam apa yang disebut tabel. Mereka adalah blok kode yang lengkap secara logis yang melaluinya Anda dapat memvisualisasikan interaksi fungsi program individual. Dengan menggunakan fitur ini, sangat mudah untuk membagi file menjadi beberapa blok fungsi independen dan bekerja dengannya, membuat semacam dasbor nyata dari kode. Fitur bagus lainnya adalah penyorotan blok secara cerdas - dalam hal ini, kemungkinan terjadinya kebingungan dalam alur kerja yang sudah jelas cenderung nol.
Meskipun filosofinya agak tidak biasa, Light Table tidak diragukan lagi merupakan editor generasi baru. Triknya bukanlah karena hal itu ditulis dalam teknologi yang sedang tren, tetapi dalam mengubah pendekatan terhadap proses pengembangan perangkat lunak yang kompleks. Anda mungkin tidak akan merasakan kekuatan sebenarnya dari Light Table saat bekerja dengan skrip JS sederhana, tetapi untuk proyek yang sedikit lebih kompleks, ini akan menjadi alat yang sangat diperlukan. Anda hanya perlu membiasakan diri. Namun hal ini tidak akan mudah.
Kapur
Seluruh Lime dapat dijelaskan dengan satu ungkapan terkenal dari Bobuk - kecemerlangan dan kemiskinan open source. Proyek ini, yang dimulai tahun lalu oleh Fredrik "quarnster" Ehnbom, memecahkan satu tugas namun jelas: membuat konstruktor sumber terbuka dalam gambar Sublime Text. Alasan keinginan ini jelas - penulis, penggemar berat Sublime, tidak puas dengan lambatnya pengembangan proyek dan kurangnya perbaikan bug yang dangkal untuk versi sebelumnya. Idenya ternyata mendekati beberapa lusin orang yang berpikiran sama, dan segera versi pertama Lime dirilis.
Hal pertama yang membuat Anda tidak tertarik saat mengenal editor ini adalah tidak adanya setidaknya beberapa kemiripan paket biner. Secara umum, logika dari keputusan ini jelas: Lime bukanlah sebuah aplikasi tunggal, melainkan sekumpulan backend terpisah di Go dan beberapa frontend yang dapat dipilih. Namun, hal ini tidak membuatnya menjadi lebih mudah - mencoba membuat Lime bekerja dengan cepat berubah menjadi mengutak-atik dependensi Go, konfigurasi, dan kesenangan hidup lainnya.
Mengenai bekerja di editor ini, saat ini sejujurnya merepotkan, dan sebenarnya tidak ada yang unik untuk ditulis di sini. Lime belum bisa membanggakan fitur-fitur yang dianggap remeh oleh editor teks lain. Tampaknya pengembang masih lebih memperhatikan arsitektur aplikasi dan kebersihan kode daripada fungsionalitas. Sampai batas tertentu, situasinya terselamatkan oleh kompatibilitas parsial dengan Sublime API (dan beberapa bagian TextMate, masing-masing), tetapi meskipun demikian, Lime masih memiliki masalah kegunaan yang besar.
Secara umum, jeruk nipis saat ini meninggalkan kesan yang beragam. Pasti luar biasa bila alat kerja Anda benar-benar open source dan sangat fleksibel. Tapi mari kita jujur pada diri kita sendiri: berapa banyak dari kita yang pernah berpikir untuk menulis ulang bagian depan editor teks kita? Berapa banyak dari kita yang berpikir untuk mengembangkan editor teks untuk diri kita sendiri karena ketidaknyamanan, alih-alih menggunakan alat ini untuk tujuan yang dimaksudkan - yaitu, menulis program kita sendiri di dalamnya? Bagi sebagian besar pengembang (terutama mereka yang tidak menderita penyakit otak Stallman), fungsionalitas Sublime Text dan sistem pluginnya sudah cukup untuk menyelesaikan masalah sehari-hari. Dan sejujurnya, selama beberapa tahun bekerja sehari-hari di Sublime, saya belum menemukan bug super kritis yang tidak dapat saya temukan solusinya sendiri. Jadi pada tahap ini, Lime benar-benar cocok hanya untuk penggemar berat open source yang memiliki banyak waktu luang dan keinginan untuk membuat dunia ini sedikit lebih baik.
Kurung Adobe
Brackets merupakan proyek yang cukup muda (pengembangan telah berlangsung sejak 2011), namun merupakan proyek yang menarik dari Adobe. Tujuannya sederhana - untuk menciptakan lingkungan pengembangan yang minimalis dan nyaman yang memerlukan sedikit usaha dari pihak pengembang. Dalam ingatan saya, sudah ada banyak proyek dengan tujuan serupa. Mari kita lihat apakah Adobe, dengan bantuan komunitasnya, berhasil melakukan sesuatu yang menarik di bidang ini.
Yang mengejutkan, Brackets ternyata cukup baik. Semua yang Anda butuhkan berfungsi dengan baik (setelah Lime, ini pun menjadi nilai tambah). Proyek ini benar-benar menyelesaikan tugas utamanya - membuatnya lebih mudah untuk menulis kode, meskipun proyek ini melakukannya secara praktis tanpa pendekatan baru yang mendasar. Dan omong-omong, tidak ada yang salah dengan itu.
Tanda kurung ditulis dalam HTML/JS (bukan Flash atau Adobe AIR :)), terintegrasi erat dengan Node.js. Secara lahiriah, out of the box memberikan kesan yang sangat baik (walaupun bukan tanpa sentuhan mainan). Yang membuat saya terpesona sejak penekanan tombol pertama adalah pelengkapan otomatis yang menakjubkan untuk HTML/CSS/JS/jQuery. Ini sangat cerdas dan juga berisi banyak hal kecil yang menyenangkan (misalnya, pemilih warna bawaan atau alat untuk memilih transisi dalam CSS).
Namun fitur pembunuh utama bagi saya adalah pengeditan sebaris pada bagian kode terkait. Ini adalah kesempatan untuk melihat dan mengedit, misalnya, sekumpulan properti CSS berdasarkan kelas atau ID-nya langsung dari file tata letak HTML di area terpisah. Brackets menganalisis struktur proyek Anda secara real time, membangun pohon ketergantungan, dan memungkinkan Anda menulis bagian kode yang saling bergantung tanpa meninggalkan konteks utama file. Saya akui, saya membuat fungsi seperti ini beberapa tahun yang lalu di editor teks sederhana saya (saya yakin saya bukan satu-satunya). Jadi fitur seperti itu adalah kabar baik. Fitur lainnya termasuk akses cepat ke dokumentasi (meskipun tidak sedetail Light Table), JSLint yang siap digunakan, dan pengelola plugin yang bagus. Meskipun, tentu saja, Brackets belum bisa membanggakan paket sebanyak Sublime.
Secara keseluruhan, meskipun mendukung beberapa tingkat dukungan, misalnya Ruby atau Python, Brackets ditujukan terutama untuk pengembang front-end. Ini akan mengatasi kebutuhan desainer tata letak dengan sempurna, bahkan dalam beberapa hal bahkan meninggalkan IDE khusus. Anda tidak akan menemukan hal baru yang revolusioner di dalamnya, kecuali pengeditan kode sebaris. Namun, apa yang ada dibuat dengan teliti dan dengan jiwa. Jika Anda terutama mendesain atau menulis kode klien pada tumpukan yang tidak terlalu rumit, kemungkinan besar Brackets akan sesuai dengan keinginan Anda.
Zed
Zed adalah editor teks yang agak hipster yang juga mencoba menata ulang proses pengembangan perangkat lunak modern. Jika Light Table mencoba mengubah prinsip pengembangan, maka Zed hanya terbatas pada eksperimen dengan antarmuka. Pengembangan dimulai pada tahun 2011, dan saat ini Zed tersedia di situs resminya dalam bentuk binari untuk platform utama, serta aplikasi untuk Toko Web Chrome.
Hal pertama yang menarik perhatian Anda saat mengenal Zed adalah tidak adanya elemen antarmuka yang familiar seperti pohon proyek atau tab. Sebuah langkah yang agak kontroversial, selama pengembangan seringkali lebih mudah untuk menavigasi struktur proyek menggunakan kayu. Tetapi dengan tidak adanya tab, ada beberapa alasan yang masuk akal: biasanya ketika bekerja dengan proyek besar, jumlah tab yang terbuka bertambah secara eksponensial, dan setelah setengah jam bekerja Anda harus terus-menerus menelusurinya, menutup apa yang tidak Anda kerjakan. saat ini. Di Zed, navigasi melalui proyek dilakukan dengan melompat langsung ke file yang diinginkan dalam proyek dengan namanya (Ctr/Cmd + E) melalui konsol kecil di bagian atas aplikasi.
Fitur kedua yang mengesankan dari Zed adalah penekanannya pada antarmuka multi-kolom. Editor mendukung beberapa opsi tetap untuk membagi ruang kerja - 50/50%, 25/75%, dan seterusnya. Perlu dicatat bahwa kolom kedua (atau bahkan ketiga) dimaksudkan tidak hanya untuk mengedit beberapa file secara bersamaan, tetapi juga untuk melihat pratinjau kode secara instan dalam bahasa yang memerlukan pemrosesan (seperti Markdown atau CoffeeScript).
Saat bekerja dengan Zed, Anda benar-benar dapat merasakan fokusnya pada pengeditan jarak jauh. Jadi, ia memiliki dukungan luar biasa untuk mengedit file dari Dropbox atau langsung di server jarak jauh dan mendukung sesi. Namun justru sebagai editor, Zed sangat miskin. Pelengkapan otomatis bawaannya didasarkan pada kamus, tidak memiliki alat yang mudah digunakan untuk bekerja dengan ekstensi, dan tidak memungkinkan Anda untuk menyesuaikan UI sesuai keinginan. Meskipun begitu, mungkin bukan itu yang Zed bicarakan.
Ngomong-ngomong, perlu dicatat bahwa Zed sangat bijaksana. Terkadang, aplikasi terhenti dalam waktu yang cukup lama dan kehilangan semua respons, yang tentu saja tidak menambah kenyamanan pada pengalaman yang sudah agak tidak biasa.
Secara keseluruhan, Zed itu aneh dan jelas tidak untuk semua orang. Jika Anda tidak peduli dengan penyesuaian antarmuka pengguna tanpa akhir, yang penting bagi Anda adalah portabilitas, kemampuan untuk mengedit file secara stabil di server jarak jauh, dan Anda siap untuk mencoba sesuatu yang tidak biasa, Anda dapat bermain-main. Namun Zed jelas tidak cocok untuk coding sehari-hari.
Ada banyak cara untuk menulis kode untuk aplikasi web, mulai dari editor teks hingga lingkungan pengembangan berbasis cloud. Sulit untuk segera memutuskan lingkungan mana yang paling sesuai untuk tugas yang ada. Untuk menghemat waktu Anda, kami memilih yang paling populer:
Di akhir setiap bagian terdapat tabel ringkasan di mana Anda dapat dengan jelas melihat perbandingan fungsi editor untuk pengembangan web. Artikel ini membahas solusi lintas platform gratis secara eksklusif, sehingga editor berpemilik populer seperti Sublime Text tidak disertakan dalam pilihan.
Editor teks untuk pengembangan web
Sunting Komodo
Fitur utama:
- cerita pembatalan yang tak ada habisnya,
- berbagai macam plugin,
- dukungan untuk ratusan bahasa pemrograman dan format file,
- pencarian dan penggantian yang kuat,
- integrasi dengan alat pihak ketiga.
GNU Emacs
Lingkungan Pengembangan Terintegrasi Desktop (IDE)
Gerhana
Cloud IDE
Sebagian besar aplikasi desktop telah berpindah ke cloud, sehingga tidak mengherankan jika lingkungan cloud juga menjadi populer di kalangan programmer. Tidak semua orang langsung mempercayai IDE cloud, tetapi alat populer seperti Github dan Pastebin membantu Anda terbiasa dengan kenyataan bahwa kode sumber tidak disimpan di mesin lokal, tetapi di server pihak ketiga.
awan9
Setelah beberapa menit bekerja di Cloud9, Anda mendapat kesan bahwa Anda berada di surga bagi para programmer. Antarmuka ditulis dalam JavaScript, dan bagian server ditulis dalam NodeJS. Meskipun Cloud9 disukai oleh pengembang dan perancang antarmuka, Cloud9 mendukung penyorotan sintaksis untuk C#, C++, Python, Perl, Ruby, Scala, dan beberapa bahasa lainnya.
Mode bawaan Vim adalah sentuhan yang bagus, begitu pula dukungan untuk sistem kontrol versi populer seperti Git, Mercurial, dan SVN. Dengan CSSLint dan JSBeautify, ini adalah salah satu lingkungan pengembangan yang paling indah.
Kode di mana saja
Alat pembuatan aplikasi lain yang sering menempati urutan teratas dalam daftar terbaik adalah Codeanywhere. IDE ramah cloud ini mendukung penyorotan kode untuk HTML, CSS, JavaScript, PHP, MySQL, dan bahasa lainnya. Dengan aplikasi untuk iOS, Android, dan BlackBerry, Codeanywhere memungkinkan pemrogram bekerja di mana saja.
Selain itu, Codeanywhere mendukung Dropbox dan SFTP, yang membantu Anda mencadangkan file proyek dengan mudah dan membaginya dengan rekan kerja. Ini bukan lingkungan dengan fitur paling lengkap, namun menyelesaikan pekerjaannya dengan sempurna.
Sistemnya berbayar, tetapi ada paket tarif gratis.
Gerhana Che
Eclipse Che adalah ruang kerja pengembang berbasis cloud dan IDE bawaan. Che menyediakan platform jarak jauh sumber terbuka untuk pembuatan aplikasi multi-pengguna.
Fitur utama:
- ruang kerja termasuk runtime dan IDE,
- server workstation dengan layanan web RESTful,
- awan IDE,
- plugin bahasa, platform dan alat,
- SDK untuk membuat plugin dan rakitan.
Eclipse Che memiliki dua versi - pengguna tunggal dan multi-pengguna. Yang pertama tidak memiliki komponen yang menyediakan multitenancy dan diferensiasi hak akses. Dalam hal ini, server tetap tidak terlindungi, tetapi untuk pengembangan lokal ini adalah pilihan yang baik.
Multi-penyewa menyediakan multi-penyewa. Akun pengguna dan desktop diisolasi, dan mekanisme KeyCloak digunakan untuk registrasi, pengelolaan, dan otentikasi. API Izin mengatur akses ke objek seperti ruang, tumpukan, dan organisasi. Informasi pengguna disimpan dalam database yang sadar migrasi (PostgreSQL).
Editor teks digunakan untuk mengedit file teks. Pengolah kata berbeda dari pengolah kata seperti Microsoft Word atau WordPerfect karena mereka tidak menambahkan informasi pemformatan tambahan ke dokumen. Anda dapat menulis artikel di Word, karena berisi alat untuk mengubah font, margin, dan tata letak, tetapi defaultnya adalah memasukkan informasi pemformatan dan markup langsung ke dalam file, yang akan membingungkan kompiler. Jika Anda membuka file .doc di editor teks, Anda akan melihat bahwa sebagian besar file tersebut memformat kode. Namun, editor teks tidak menambahkan kode pemformatan, sehingga kode lebih mudah dikompilasi.
Mengapa saya harus menggunakan editor teks?
Pengolah kata memiliki serangkaian fitur yang berbeda dari program pengolah kata tradisional. Misalnya, sebagian besar tidak mengizinkan Anda menyisipkan foto atau tabel, atau mengatur spasi baris ganda. Fitur editor teks bervariasi, namun ada beberapa fitur yang dimiliki sebagian besar editor. Berikut adalah beberapa fitur yang paling umum dan berguna.
Penyorotan sintaksis
Penyorotan sintaksis adalah fitur yang sangat berguna. Terdiri dari fakta bahwa editor akan menyorot kata, atau tipe, atau sintaksis tertentu yang merupakan ciri khas bahasa tersebut. Misalnya, jika Anda mengaktifkan penyorotan C++, editor dapat membuat semua kata kunci C++ menjadi hijau. Ini membuatnya lebih mudah untuk mengikuti alur program Anda. Berikut contoh lainnya: editor mungkin menampilkan semua teks yang dikutip dengan warna biru muda. Dengan cara ini, jika Anda lupa memberi tanda kutip pembuka atau penutup, Anda akan segera menyadarinya karena warna teks di layar. Editor teks juga dapat menunjukkan penggunaan kotak atau tanda kurung yang salah dengan menyorotnya dengan warna merah; jika Anda memiliki tanda kurung tutup tetapi tidak ada tanda kurung pembuka, warnanya akan memberi tahu Anda bahwa Anda telah membuat kesalahan sintaksis di suatu tempat.
Fleksibilitas
Bagaimana editor mengetahui kata mana yang harus disorot? Pertanyaan bagus. Editor mengetahui bahasa pemrograman yang Anda gunakan. Anda dapat menentukan sendiri bahasanya, atau, seperti Vim, dapat menentukannya berdasarkan ekstensi file. Jika Anda bekerja dengan file bernama code.cc , file tersebut akan melihat .cc dan mengetahui cara menggunakan aturan C++, namun jika Anda bekerja dengan salah satu code.html , file tersebut akan menerapkan aturan HTML. Beberapa editor mengetahui ratusan bahasa, mulai dari bahasa yang sepele (C, Java, Perl) hingga yang sangat rumit (TADS, ABAQUS). Ini berarti Anda dapat menggunakan editor yang sama untuk memprogram dalam hampir semua bahasa dan tetap mendapatkan fitur dan kumpulan perintah yang sama seperti biasanya.
Indentasi otomatis
Indentasi otomatis mungkin merupakan fitur editor teks yang paling berguna. Anda lebih suka berurusan dengan kode yang terlihat seperti ini:
// mencari elemen minimum dalam matriks const int search_min(int **const array, const int kol_tasks,const int type_model) ( int min; for (int i = 0; i< kol_tasks; i++) { for (int j = 0; j < type_model; j++) { if (array[i][j] != -1) { min = array[i][j]; i = kol_tasks; j = type_model; } } } for (int i = 0; i < kol_tasks; i++) { for (int j = 0; j < type_model; j++) { if (array[i][j] < min && array[i][j] != -1) { min = array[i][j]; } } } return min; }
atau kode yang terlihat seperti ini?:
// mencari elemen minimum dalam matriks
const int pencarian_min(int **const array, const int kol_tasks,const int type_model)
{
intmin;
untuk (int saya = 0; saya< kol_tasks; i++)
{
untuk (int j = 0; j< type_model; j++)
{
jika (array[i][j] != -1)
{
min = larik[i][j];
i = kol_tugas;
j = tipe_model;
}
}
}
untuk (int saya = 0; saya< kol_tasks; i++)
{
untuk (int j = 0; j< type_model; j++)
{
jika (array[i][j]< min && array[i][j] != -1)
{
min = larik[i][j];
}
}
}
pengembalian minimum;
}
Saya pikir begitu. Editor teks akan menyelamatkan Anda dari keharusan mengatur sendiri semua tab; Hal ini memungkinkan Anda mengikuti alur kontrol melalui lekukan, sehingga Anda dapat memastikan bahwa Anda berada di blok kode yang tepat.
Fitur navigasi cepat
Kecuali jika program Anda sepele, Anda pasti ingin dapat dengan cepat menemukan fungsi tertentu, contoh variabel tertentu, atau baris individual di dalamnya. Editor teks biasanya memiliki lebih banyak fitur dibandingkan pengolah kata. Sebagai contoh, katakanlah saat mengkompilasi sebuah program Anda menemukan bahwa Anda memiliki kesalahan sintaksis pada baris 312. Di Vim, yang harus Anda lakukan hanyalah mengetik 312G dan kursor akan berpindah ke baris 312. (Bagaimana Vim tahu Anda tidak menginginkannya? untuk memasukkan karakter 312G ke dalam dokumen? Baca lebih lanjut tentang ini di tautan di akhir artikel).
Editor teks mana yang harus saya gunakan? Apa perbedaan di antara keduanya? Bagaimana saya bisa mendapatkannya? Berapa biayanya?
Ada banyak sekali editor yang berbeda, di antaranya Vim dan Emacs adalah yang paling populer, kuat, dan tersedia di berbagai OS. Editor populer lainnya, Notepad++ adalah versi Notepad yang jauh lebih baik. Kebanyakan editor (termasuk Vim dan Emacs) gratis, namun ada juga yang shareware. Saya menggunakan Vim, tetapi setiap editor memiliki penggemarnya masing-masing. Untuk daftar beberapa editor terbaik yang tersedia untuk platform Anda, lihat FAQ Editor Teks. (Ini ditujukan untuk pengguna rata-rata, namun semua editor yang terdaftar sangat bagus untuk menulis kode C++.)