7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi)

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!