7 outils de développement Vue3 pratiques qui valent la peine d'être collectés (partagés)

Par rapport à d'autres grands frameworks, Vue est plus flexible. Les développeurs peuvent choisir d'utiliser Vue pour développer un nouveau projet ou introduire Vue dans un projet existant. Le code est concis et facile à utiliser, il est donc privilégié par les développeurs. L'article suivant résumera et partagera avec vous 7 outils de développement Vue couramment utilisés. Veuillez les ajouter à vos favoris !

1. unplugin-vue-components

antfu importe automatiquement les composants à la demande, prend en charge Vue 2 et Vue 3 prêts à l'emploi, Tree-shakable, enregistre uniquement les composants que vous utilisez et est livré avec une interface utilisateur populaire bibliothèques Analyseur intégré. (Partage de vidéos d'apprentissage : tutoriel vuejs)

Adresse de téléchargement : https://www.npmjs.com/package/unplugin-vue-components

Le plug-in unplugin-vue-components peut être automatiquement introduit dans le fichier Vue Components (y compris les composants propres au projet et les composants de diverses bibliothèques de composants) ; l'auteur est Anthony Fu, une personne bien connue de l'écosystème Vite) ;

Après avoir utilisé ce plug-in, vous n'avez plus besoin d'écrire manuellement import { Button } from 'ant-design-vue'un tel code. Le plug-in identifiera automatiquement les composants personnalisés utilisés dans le modèle et les enregistrera automatiquement.

2. vuex-persistedstate

vuex peut effectuer une gestion globale de l'état, mais les données disparaîtront après l'actualisation, ce que nous ne voulons pas voir. Comment le résoudre ? Nous pouvons combiner le stockage local pour obtenir la persistance des données, ou nous pouvons utiliser le plug-in de persistance : vuex-persistedstate.

Il peut conserver et recharger votre état Vuex entre les rechargements de pages

Adresse github : https://github.com/robinvdvleuten/vuex-persistedstate

3, vuex-persist

Plugin Vuex qui prend en charge Typescript, qui peut enregistrer l'état de l'application dans un stockage persistant, tel que les cookies ou localStorage

Adresse officielle : https://championswimmer.in/vuex-persist/

4. @vueuse/gesture

Bibliothèque de gestes pour rendre les applications interactives

Adresse officielle : https://gesture.vueuse.org/

5.unplugin-auto-import

antfu importe automatiquement les API de Vite, Webpack, Rollup et esbuild. TypeScript est pris en charge.

Adresse github : https://github.com/antfu/unplugin-auto-import

6, pinia-plugin-persistedstate (stockage persistant des données Pinia)

Disponible dans la boutique Pinia Configurer persistence

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

7, Vue TermUI

Un framework d'interface utilisateur de terminal basé sur Vue.js qui vous permet de créer facilement applications de terminaux modernes

Adresse officielle : https://vue-termui.dev/

(Partage de vidéos d'apprentissage : développement web front-end, Introduction à la programmation)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!