Apakah alat pembangunan vue?

Alat pembangunan Vue termasuk: 1. Vue CLI; 3. Vuex; dll.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Selain JavaScript, bahagian hadapan kini juga mempunyai tiga rangka kerja: react, vue, dan angular, yang lebih biasa digunakan dalam pasaran Boleh dikatakan bahawa ketiga-tiga rangka kerja ini telah menukar status bahagian hadapan pada tahap yang besar, berbanding dengan sudut Secara umumnya, vue juga mempunyai arahan yang kaya dan merupakan rangka kerja MVC yang biasa

Pada masa ini, vue digunakan oleh banyak pembangun menjadi semakin popular, jadi Persekitaran ekologinya juga menjadi lebih lengkap, dan alatan yang berkaitan juga banyak. Ini terutamanya bergantung pada keluk pembelajaran Vue dan struktur reka bentuk yang jelas dan dokumentasi penggunaan, yang membolehkan pembangun berpengalaman bermula dengan mudah daripada rangka kerja lain. Biar saya perkenalkan kepada anda apakah alat pembangunan Vue?

Vue CLI

Untuk memudahkan pembangun bermula dengan cepat, seperti rangka kerja yang pelik, ia menyediakan alat perancah seperti CLI ialah satu set Alat Perancah Penuh. alat yang diketengahkan untuk pembangunan Vue yang pantas mengenai isu konfigurasi, contohnya, anda boleh dengan mudah menyepadukan pemalam seperti Babel, TypeScript, ESLint, PostCSS, Jest, Mocha, Nightwatch dan Cypress ke dalam projek.

Vue Press

VuePress ialah penjana laman web statik yang didorong oleh Vue Ia adalah aplikasi satu halaman yang didorong oleh Vue, Vue Router dan pek web dalam VuePress boleh Gunakan Markdown untuk menulis dokumen dan kemudian menjana halaman web Setiap halaman yang dijana oleh VuePress mempunyai HTML yang telah diberikan, jadi ia mempunyai prestasi pemuatan yang sangat baik dan pengoptimuman enjin carian Pada masa yang sama, setelah halaman dimuatkan, Vue akan mengambil alih kandungan , dan menukarnya menjadi aplikasi satu halaman yang lengkap hanya perlu dimuatkan apabila pengguna menyemak imbasnya. SPA Dalam pembangunan komponen satu halaman, Vue's vuex dan React's React secara kolektif dipanggil pengurusan keadaan yang sama, yang juga boleh dipanggil pengurusan keadaan global Pemahaman mudah ialah selepas anda menentukan data dalam keadaan, anda boleh menggunakannya di mana-mana dalam projek. Dapatkan dan ubah suai dalam komponen, dan bahagian yang diubah suai boleh mendapat perubahan tindak balas global Inti bagi setiap aplikasi Vuex ialah Kedai boleh digunakan sebagai bekas, yang mengandungi kebanyakan status aplikasi.

Nuxt

Nuxt.js ialah rangka kerja aplikasi ringan berdasarkan Vue.js, yang boleh digunakan untuk mencipta aplikasi pemaparan sebelah pelayan dan juga boleh digunakan sebagai enjin tapak statik untuk menjana aplikasi tapak Statik, dengan ciri seperti lapisan struktur kod elegan dan pemuatan panas.

Vuetify

Vuetify kini merupakan salah satu perpustakaan komponen UI terbaik berdasarkan veu Ia menyediakan sejumlah besar komponen yang direka dengan teliti berdasarkan spesifikasi Reka Bentuk Bahan, yang boleh memenuhi sebarang keperluan permohonan.

Quasar

Quasar ialah rangka kerja Kaiyuan berlesen MIT berdasarkan Vue yang boleh membantu pembangun web mencipta tapak web responsif, PWA, membina APP mudah alih melalui Apacha Cordova dan banyak lagi Platform App Quasar memerlukan pembangun menulis kod sekali dan kemudian menggunakannya sebagai tapak web, PWA, Apl Mudah Alih dan Apl Elektron secara serentak menggunakan pangkalan kod yang sama. Gunakan CLI yang paling canggih untuk mereka bentuk aplikasi dan menyediakan komponen web Quasar yang ditulis dengan teliti, sangat pantas,

Buku Cerita

Untuk bahagian hadapan, teknologi komponenisasi Ia sudah menjadi keperluan kursus, yang tertumpu terutamanya pada tindak balas dan vue, tetapi saya biasanya menghadapi beberapa masalah semasa membangunkan komponen, terutamanya komponen awam atau komponen pihak ketiga,

Ia tidak boleh mengurus komponen dengan baik jelas sekali imbas semasa pratonton komponen, dan ia tidak boleh mencerminkan keadaan komponen yang berbeza dengan baik

Ujian interaksi automatik boleh menggunakan enzim, tetapi dalam banyak kes, ia perlu dilakukan secara manual. . Ujian,
Apabila menulis dokumen, anda perlu menulis pratonton komponen dan dokumen bersama-sama, dan bertukar kepada keadaan yang berbeza,
Jadi, storbook adalah Untuk menyelesaikan masalah ini, ia boleh membina persekitaran pembangunan yang berkuasa untuk komponen, terutamanya menyediakan perkara berikut
Sediakan halaman pengurusan komponen UI yang berkuasa, yang boleh menjadi sangat mudah dan jelas Kumpulkan dan uruskan berbilang komponen atau keadaan komponen yang berbeza

Selain ujian interaksi automatik, ujian interaksi manual boleh dilakukan dengan mudah dan parameter komponen boleh ditukar secara dinamik untuk melihat lihat perubahan
Anda boleh mengeksport pratonton komponen sebagai sumber statik, supaya anda boleh melihat dokumentasi komponen dan pandangan berbeza yang sepadan dengan parameter yang berbeza dengan mudah untuk membantu kami menyelesaikan pembangunan, ujian dan pengoptimuman berfungsi.

Alat ini membolehkan pembangun memaparkannya secara interaktif, secara bebas daripada komponen aplikasi utama, dalam persekitaran pembangunan terpencil tanpa perlu risau tentang kebergantungan dan keperluan khusus aplikasi terlibat dalam projek tersebut.

Kod Visual Studio

Kod Visual Studio (pendek kata "Kod VS") ialah perisian yang diumumkan secara rasmi oleh Microsoft pada Persidangan Pembangun Binaan pada 30 April 2015. Editor kod sumber merentas platform untuk menulis aplikasi web dan awan moden pada Mac OS X, Windows dan Linux yang berjalan pada desktop dan tersedia untuk Windows, macOS dan Linux. Ia mempunyai sokongan terbina dalam untuk JavaScript, TypeScript dan Node.js, dan ekosistem sambungan yang kaya untuk bahasa lain (seperti C, C#, Java, Python, PHP, Go) dan masa jalan (seperti .NET dan Perpaduan).

WebStorm

WebStorm ialah alat pembangunan JavaScript yang dimiliki oleh JetBrains. Ia telah dipuji oleh majoriti pembangun JS Cina sebagai "Artifak pembangunan bahagian hadapan web", "editor HTML5 yang paling berkuasa", "IDE JavaScript paling pintar", dsb. Ia mempunyai asal yang sama seperti IntelliJ IDEA dan mewarisi fungsi bahagian JS berkuasa IntelliJ IDEA.

Cadangan berkaitan: "tutorial vue.js"

Atas ialah kandungan terperinci Apakah alat pembangunan vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!