Rumah > hujung hadapan web > View.js > teks badan

7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi)

青灯夜游
Lepaskan: 2022-10-19 12:04:23
asal
4456 orang telah melayarinya

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

7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi)

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

7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi)

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/

7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi)

4. @vueuse /gesture

Pustaka gerak isyarat untuk menjadikan aplikasi interaktif

Alamat rasmi: https://gesture.vueuse.org/

7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi)

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

7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi)

6 -persistedstate (storan berterusan data Pinia)

Kegigihan boleh dikonfigurasikan kedai Pinia

alamat github: https://github.com/prazdevs/ pinia-plugin -persistedstate

7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi)

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/

7 alat pembangunan Vue3 praktikal yang patut dikumpulkan (kongsi)

(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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan