Berbanding dengan rangka kerja besar yang lain, Vue lebih fleksibel Pembangun boleh memilih untuk menggunakan Vue untuk membangunkan projek baharu atau memperkenalkan Vue ke dalam projek sedia ada. Kod ini ringkas dan mudah digunakan, jadi ia digemari oleh pembangun. Artikel berikut akan meringkaskan dan berkongsi dengan anda 7 alat pembangunan Vue yang biasa digunakan. Sila tambahkannya pada kegemaran anda!
1 unplugin-vue-components
antfu mengimport komponen atas permintaan secara automatik dan menyokong Vue 2 dan Vue 3 di luar kotak, Tree -shakable, hanya mendaftarkan komponen yang anda gunakan, dengan parser terbina dalam untuk perpustakaan UI yang popular. (Belajar perkongsian video: tutorial vuejs)
Alamat muat turun: https://www.npmjs.com/package/unplugin-vue-components
Pemalam unplugin-vue-components secara automatik boleh memperkenalkan komponen ke dalam fail Vue (termasuk komponen dan komponen projek itu sendiri dalam pelbagai perpustakaan komponen); .
Selepas menggunakan pemalam ini, tidak perlu menulis kod secara manual seperti import { Button } from 'ant-design-vue'
Pemalam akan secara automatik mengenal pasti komponen tersuai yang digunakan dalam templat dan mendaftarkannya secara automatik.
2. vuex-persistedstate
vuex boleh melaksanakan pengurusan keadaan global, tetapi data akan hilang selepas dimuat semula kita tak nak tengok. Bagaimana untuk menyelesaikannya? Kami boleh menggabungkan storan tempatan untuk mencapai kegigihan data, atau kami boleh menggunakan pemalam kegigihan: vuex-persistedstate.
Ia boleh berterusan dan memuatkan semula keadaan Vuex anda antara muat semula halaman
alamat github: https://github.com/robinvdvleuten/vuex-persistedstate
3. vuex-persist
Pemalam Vuex yang menyokong Typescript, yang boleh menyimpan keadaan aplikasi ke Dalam storan berterusan, seperti sebagai Cookies atau localStorage
Alamat rasmi: https://championswimmer.in/vuex-persist/
4. @vueuse /gesture
Pustaka gerak isyarat untuk menjadikan aplikasi interaktif
Alamat rasmi: https://gesture.vueuse.org/
5. unplugin-auto-import
antfu mengimport Vite, Webpack, Rollup dan esbuild API secara automatik. TypeScript disokong.
alamat github: https://github.com/antfu/unplugin-auto-import
6 -persistedstate (storan berterusan data Pinia)
Kegigihan boleh dikonfigurasikan kedai Pinia
alamat github: https://github.com/prazdevs/ pinia-plugin -persistedstate
7 TermUI Vue
UI terminal berdasarkan Rangka Kerja Vue.js yang membenarkan. anda dengan mudah membina aplikasi terminal moden
Alamat rasmi: https://vue-termui.dev/
(Perkongsian video pembelajaran: Web pembangunan bahagian hadapan, Pengenalan kepada pengaturcaraan)
Atas ialah kandungan terperinci 7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!