Lihat editor bahagian hadapan semasa

Apabila saya membantu beberapa pelajar mengubah suai kod dari jauh, saya mendapati bahawa editor yang digunakan oleh semua orang adalah pelbagai: VSCode, WebStorm dan juga Sublime...

Ini tidak dapat membantu tetapi mengingatkan saya: [Saya mula-mula belajar Apabila ia datang ke bahagian hadapan, saya benar-benar mencuba pelbagai pilihan dalam editor].

Setakat ini, saya sudah biasa menggunakan VSCode sebagai "peminat tegar", malah saya "terlupa" ada editor lain. Anda boleh menganggap ini sebagai sejenis "fokus." Walau bagaimanapun, ini juga mengehadkan pilihan kami.

Jadi, mari kita lihat editor hadapan semasa hari ini Lagipun, "seratus sekolah pemikiran bersaing" akan "bertembung" dan menghasilkan lebih banyak inspirasi:

.

notepad++

Kelebihan:

1. Percuma dan sumber terbuka: Notepad++ ialah perisian percuma dan sumber terbuka Pengguna boleh mendapatkan perisian secara percuma dan boleh mengubah suai kod sumber secara bebas.
2. Ringan: Notepad++ ialah penyunting teks ringan yang bermula dengan sangat cepat dan menggunakan kurang memori Ia sangat sesuai untuk beberapa tugas penyuntingan teks yang mudah.
3. Penyertaan Sintaks: Notepad++ menyokong penyerlahan sintaks untuk banyak bahasa pengaturcaraan, menjadikan pengaturcaraan lebih selesa. Tetapi ia hanya boleh menyerlahkan kandungan asas beberapa bahasa, terutamanya untuk bahagian hadapan Kesan penyerlahan untuk vue dan tindak balas termasuk jQuery tidak begitu baik
4. Pemalam yang kaya: Notepad++ menyokong banyak pemalam, yang boleh membantu pengguna lebih banyak. Membangunkan dan mengedit dengan mudah.

Kelemahan:

1. Fungsinya agak mudah: Notepad++ ialah penyunting teks, sangat mesra untuk penyuntingan teks ringkas, dan juga mesra untuk penyuntingan kod ringkas, tetapi fungsinya dibandingkan dengan persekitaran pembangunan bersepadu profesional (IDE) Ia adalah agak mudah dan tidak mempunyai beberapa fungsi lanjutan, seperti beberapa pemalam, beberapa segmen kod khas, beberapa pembetulan ralat, pengesahan kod, dll.
2. Tidak menyokong penyahpepijatan: Notepad++ tidak menyokong fungsi penyahpepijatan kod, iaitu untuk sesetengah pengguna yang perlu nyahpepijat kod Ia mungkin tidak sesuai. Jika kami melakukan pembangunan bahagian hadapan, kami mungkin menyahpepijat lebih banyak dalam penyemak imbas, jadi kekurangannya tidak jelas, tetapi untuk bahasa lain yang memerlukan penyahpepijatan tempatan atau masa nyata, kelemahannya mungkin lebih jelas
3. Tidak sesuai untuk projek besar: Memandangkan Notepad++ mempunyai fungsi yang agak mudah, ia tidak sesuai untuk pembangunan projek besar Pada masa ini, pengguna perlu menggunakan lebih banyak alat pembangunan profesional.
4. Hanya berjalan pada platform Windows: Notepad++ hanya boleh dijalankan pada platform Windows dan tidak boleh digunakan pada sistem pengendalian lain. Tidak kondusif untuk projek pembangunan merentas platform

webstorm

Kelebihan:

1. Penyepaduan tinggi: WebStorm menyepadukan banyak alatan dan fungsi yang diperlukan untuk pembangunan web, termasuk penyunting kod, penyahpepijat, kawalan versi, alat ujian, dsb. disepadukan secara langsung ke dalam perisian Selepas pemasangan, anda boleh terus mendapatkan keupayaan dan kemudahan yang disediakan oleh alat ini, dan anda boleh menyelesaikan keseluruhan proses pembangunan Web dengan mudah.
2. Menyokong berbilang teknologi: WebStorm menyokong berbilang teknologi hadapan dan belakang, seperti HTML, CSS, JavaScript, React, Angular, Vue.js, Node.js, dll., malah termasuk kompilasi sass, less , ts dan fail lain Ia dibina secara langsung ke dalam perisian dan boleh memenuhi pelbagai keperluan pembangun dengan satu pemasangan.
3. Gesaan kod pintar dan pelengkapan automatik: Gesaan kod pintar WebStorm dan fungsi autolengkap boleh membantu pembangun mengurangkan bilangan ketukan kekunci dan meningkatkan kecekapan pembangunan.
4. Fungsi penyahpepijatan yang berkuasa: Fungsi penyahpepijatan WebStorm sangat berkuasa, menjadikannya mudah untuk menyahpepijat kod bahagian hadapan dan belakang serta mencari ralat dan masalah dalam kod.
5. Pustaka pemalam yang kaya: Selain sejumlah besar alatan dan fungsi terbina dalam, WebStorm juga mempunyai sejumlah besar pemalam untuk dipilih dalam ekosistemnya sendiri, yang boleh mengembangkan fungsinya dengan mudah.

Kelemahan:

1. Harga yang lebih tinggi: WebStorm adalah perisian komersial, bukan editor lembut, anda perlu membayar untuk menggunakannya (menyokong versi tulen), harganya agak tinggi, mungkin agak mahal untuk pembangun individu .
2. Keluk pembelajaran yang curam: WebStorm mempunyai fungsi yang sangat kaya, jadi keluk pembelajaran adalah curam, dan memerlukan sejumlah masa dan tenaga untuk dipelajari dan digunakan, terutamanya beberapa fungsi lanjutan terbina dalam, yang memerlukan kita berbelanja banyak masa dan tenaga untuk belajar
3. Mengambil sumber Lagi: WebStorm menggunakan lebih banyak sumber dan memerlukan komputer anda dikonfigurasikan dengan baik, jika tidak, ia tidak akan berjalan dengan lancar
4. Hanya sesuai untuk pembangunan Web: WebStorm ialah IDE alat yang direka khas untuk pembangunan Web, jadi ia sesuai untuk jenis aplikasi lain Ia mungkin tidak sesuai untuk pembangunan Ini adalah ciri JetBrains Sebagai contoh, mereka akan mempunyai PHPStorm dan JavaStorm yang sepadan perkembangan bahasa lain. Dan tiada keperluan yang tinggi untuk konfigurasi komputer Boleh dikatakan bahawa keseluruhan komputer boleh dijalankan

Fungsi yang kaya: Teks Sublim mempunyai fungsi yang sangat kaya, termasuk penyerlahan kod, auto-lengkap, rakaman makro, pengeditan berbilang baris, Goto. Apa-apa sahaja, dsb., boleh membantu pembangun menyelesaikan kerja mereka dengan lebih cekap.

Pemalam yang kaya: Teks Sublime menyokong banyak pemalam, yang boleh membantu pengguna membangun dan mengedit dengan lebih mudah.

Sokongan merentas platform: Teks Sublime boleh dijalankan pada berbilang platform seperti Windows, macOS dan Linux, yang sangat mudah untuk pengguna berbilang platform.

1. Sangat boleh disesuaikan: Teks Sublime membolehkan pengguna menyesuaikan tetapan, skema warna dan pemalam Mereka boleh memutuskan skema tema editor mengikut kehendak peribadi, yang lebih sesuai dengan tabiat penggunaan peribadi.. in, tetapi kualiti pemalam ini berbeza-beza, dan sesetengah pemalam mungkin mempunyai isu keselamatan atau tidak stabil.

Tidak menyokong kemas kini automatik: Sublime Text tidak mengemas kini secara automatik seperti perisian lain Kami perlu memberi perhatian kepada beberapa maklumat kemas kini sendiri, dan kemudian memuat turun pakej pemasangan secara manual dan memasangnya semula.

Kekurangan sokongan komuniti: Berbanding dengan sesetengah editor sumber terbuka, sokongan komuniti Sublime Text tidak begitu lengkap, dan beberapa kandungan persisian yang disediakan oleh komuniti juga tidak sekata

1. Kelajuan pembangunan yang perlahan: Kepantasan pembangunan Teks Sublime agak perlahan. beberapa ciri dan kemas kini baharu mungkin mengambil masa yang lebih lama untuk dilancarkan.
2. VSCode (Visual Studio Code)
3. Kelebihan:
5. Ringan: VS Code bermula dengan cepat, menggunakan kurang memori dan lebih ringan daripada beberapa alatan IDE heavyweight.

Fungsi yang kaya: Kod VS sangat kaya dengan fungsi, termasuk penyerlahan kod, pelengkapan automatik, penyahpepijat, sokongan Git, sokongan berbilang bahasa, dsb. Boleh dikatakan hanya anda yang tidak boleh memikirkannya, tetapi ia boleh Tidak boleh dilakukan tanpa itu.

Pemalam yang kaya: VS Code mempunyai perpustakaan pemalam yang sangat kaya Pengguna boleh memilih pemalam yang mereka perlukan mengikut keperluan mereka sendiri untuk melanjutkan fungsi editor.

Sokongan merentas platform: Kod VS boleh dijalankan pada berbilang platform seperti Windows, macOS dan Linux, menjadikannya sangat mudah untuk pengguna berbilang platform.

1. Sokongan komuniti yang kukuh: VS Code mempunyai sokongan komuniti pembangunan yang kukuh, di mana pengguna boleh mendapatkan bantuan, berkongsi pengalaman dan membincangkan isu.
2. Kelemahan:
4. Kelajuan permulaan yang perlahan: Berbanding dengan sesetengah editor ringan, vscode bermula agak perlahan, kerana ia mempunyai beberapa pemalam fungsi alat terbina dalam, jadi ia lebih besar sedikit.
5. Penggunaan sumber yang lebih tinggi: agak Berbanding dengan beberapa editor ringan, VS Code menggunakan banyak sumber Secara relatifnya, ia mempunyai beberapa keperluan kecil untuk konfigurasi komputer, tetapi ia tidak terlalu besar dan boleh diterima

Sesetengah pemalam tidak berkualiti: Walaupun VS Code mempunyai perpustakaan pemalam yang kaya, tetapi sesetengah pemalam tidak berkualiti dan mungkin mempunyai masalah keselamatan atau ketidakstabilan.

Konfigurasi adalah rumit: Beberapa konfigurasi lanjutan Kod VS memerlukan pengguna mengkonfigurasinya sendiri dan mungkin mengambil sedikit masa untuk pengguna baru belajar.

1. HBuilder
2. Kelebihan:
4. Sepadukan berbilang alatan: HBuilder menyepadukan berbilang alatan pembangunan bahagian hadapan yang biasa digunakan, seperti editor kod, penyahpepijat, pustaka coretan kod, alatan binaan, dsb. Berbilang pengguna boleh melengkapkannya dalam satu antara muka tugas meningkatkan kecekapan pembangunan.

Sokongan rangka kerja bahagian hadapan yang berkuasa: HBuilder menyokong berbilang rangka kerja bahagian hadapan yang popular, seperti Vue.js, React, Angular, dll., yang boleh membantu pembangun membangun dengan lebih mudah.

Sokong pembangunan berbilang platform: HBuilder boleh menyokong pembangunan berbilang platform, seperti iOS, Android, Web, applet WeChat, dll., membantu pembangun membangun dan menguji aplikasi berbilang platform dengan lebih mudah.

Skala yang kukuh: HBuilder menyokong sambungan pemalam Pengguna boleh memasang dan menyahpasang pemalam mengikut keperluan mereka sendiri untuk menyesuaikan fungsi editor.

1. Sumber percuma dan terbuka: HBuilder juga merupakan perisian percuma dan sumber terbuka yang boleh dipasang dan digunakan secara terus.
2. Kelemahan:
4. Agak kompleks: Berbanding dengan beberapa editor mudah, antara muka dan operasi HBuilder agak rumit, dan ia memerlukan pengguna meluangkan masa tertentu untuk membiasakan diri dan belajar.
5. Penggunaan sumber yang tinggi: HBuilder ialah editor yang agak berat yang menggunakan sumber yang tinggi dan memerlukan komputer dengan prestasi yang baik untuk berjalan dengan lancar.

Kualiti pemalam berbeza-beza: Walaupun perpustakaan pemalam HBuilder agak kaya, sesetengah pemalam mempunyai kualiti yang berbeza-beza dan mungkin mempunyai masalah keselamatan atau ketidakstabilan.

Sesetengah fungsi tidak stabil: Sesetengah fungsi dalam HBuilder mungkin tidak stabil, menyebabkan pengguna menghadapi beberapa masalah semasa menggunakannya.

1. Lebih banyak publisiti: HBuilder mempunyai banyak publisiti, dan sesetengah pengguna mungkin menganggapnya terlalu meriah, yang mungkin tidak sesuai untuk pengguna yang mengejar kesederhanaan dan kesucian.
2. Atom
3. Advantages:
5. Free and Open Sumber: Atom adalah editor kod sumber percuma dan terbuka : Atom menyokong sambungan pemalam Pengguna boleh memasang dan menyahpasang pemalam mengikut keperluan mereka sendiri untuk menyesuaikan fungsi editor, dan terdapat sejumlah besar pemalam.

Komuniti aktif: Atom mempunyai komuniti aktif di mana pengguna boleh mendapatkan bantuan dan sokongan, serta berkongsi dan belajar daripada pengalaman pembangun lain.

Sokongan merentas platform: Atom boleh dijalankan pada berbilang platform, seperti Windows, macOS, Linux, dsb., menjadikannya mudah untuk pengguna membangun pada sistem pengendalian yang berbeza.

Penyesuaian tinggi: Atom boleh disesuaikan melalui fail konfigurasi dan helaian gaya Pengguna boleh menetapkan penampilan dan fungsi editor mengikut pilihan mereka sendiri Saya secara peribadi sangat menyukai tema siri gelap asli Atom, dan semuanya sesuai dengan saya . agak perlahan, yang mungkin menjejaskan pengalaman pengguna.

Ketidakstabilan yang disebabkan oleh penyesuaian: Atom sangat boleh disesuaikan, tetapi ini juga akan membawa ketidakstabilan tertentu, dan sesetengah pengguna mungkin menghadapi beberapa masalah.

Menu dan pilihan yang kompleks: Menu dan pilihan Atom adalah menyusahkan, yang kadangkala mengelirukan pengguna dan memerlukan masa tertentu untuk membiasakan diri dan menguasainya.

1. Kualiti palam masuk berbeza-beza: Walaupun perpustakaan pemalam Atom kaya dengan kuantiti, sesetengah pemalam mempunyai kualiti yang berbeza-beza dan mungkin mempunyai masalah keselamatan atau ketidakstabilan.
2. DW(dreamweaver)
3. Kelebihan:
5. Reka bentuk visual: Dreamweaver menyokong reka bentuk web WYSIWYG Pengguna boleh membuat dan mereka halaman web dengan cepat dengan menyeret, memilih, mengedit dan operasi lain.

Menyokong berbilang bahasa pengaturcaraan: Dreamweaver menyokong berbilang bahasa pengaturcaraan, seperti HTML, CSS, JavaScript, PHP, dll., menjadikannya mudah bagi pengguna untuk membangunkan halaman web.

Integrasi yang baik: Dreamweaver mempunyai integrasi yang baik dengan perisian Adobe yang lain, seperti Photoshop, Illustrator, dsb., dan boleh mengimport dan mengedit imej, ikon dan bahan lain dengan mudah.

Fungsi yang kaya: Dreamweaver menyediakan banyak fungsi, seperti gesaan kod, lipatan kod, penyerlahan kod, pelengkapan automatik kod, dll., yang boleh meningkatkan kecekapan kerja pengguna.

1. Templat dan sokongan perpustakaan: Dreamweaver menyediakan templat dan sokongan perpustakaan, pengguna boleh membuat dan menggunakan templat dan perpustakaan dengan cepat untuk mempercepatkan pembangunan web.
2. Kelemahan:
4. Harga tinggi: Dreamweaver ialah perisian komersial Sebagai produk Adobe, ia perlu membelanjakan wang, dan harganya tidak murah (menyokong versi tulen)
5. Kos pembelajaran tinggi: Fungsi Dreamweaver. Ia agak kaya, dan mungkin mengambil masa tertentu untuk pemula untuk mempelajari dan menguasainya, dan kos pembelajarannya agak tinggi.

Penggunaan sumber yang tinggi: Dreamweaver ialah perisian yang agak berat yang menggunakan sumber yang tinggi dan memerlukan komputer dengan prestasi yang baik untuk berjalan dengan lancar.

Penjanaan kod yang tidak sempurna: Walaupun Dreamweaver menyokong reka bentuk visual, kod yang dihasilkannya mungkin mempunyai beberapa masalah dan memerlukan pelarasan dan pengoptimuman manual.

1. Tidak cukup fleksibel: Reka bentuk visual Dreamweaver mungkin mengehadkan kreativiti dan imaginasi pengguna, dan tidak cukup fleksibel dan bebas.