avant-propos
Ceci est le premier article d'une série d'articles sur la construction d'une bibliothèque de composants Vue3 à partir de 0. Cette série construira un projet complet de bibliothèque de composants Vue3 à partir de zéro, dans le but de vous fournir un processus de construction plus détaillé et une meilleure expérience de lecture.
Pourquoi écrire une bibliothèque de composants
À l'heure actuelle, il existe déjà de nombreuses bibliothèques de composants très matures dans l'industrie, telles que Element, Vant, Vuetify, etc., alors pourquoi en construisons-nous encore une à partir de zéro ? Pour moi, construire ma propre bibliothèque de composants n'est pas pour
le but de fournir Combien de personnes l'utilisent (et peu de gens l'utiliseront), l'essentiel est que vous apprendrez beaucoup de connaissances que vous ne pouvez pas toucher au travail à partir du processus de construction. Par exemple, certains principes de Vite, pnpm package management, scaffolding Cli, Vitest testing, etc. ont beaucoup de points de connaissance. Et publiez des articles sur ce thème pour aider certains amis à répondre aux questions et à exercer leurs compétences en écriture.
Je pense que pour la plupart des gens, créer leur propre bibliothèque de composants consiste à améliorer leurs compétences professionnelles, ou l'entreprise a besoin de sa propre bibliothèque de composants, ou vous voulez rendre votre bibliothèque de composants plus grande et plus forte et open source Sortez pour en obtenir plus l'utilisation et la reconnaissance des gens. Bien sûr, chacun a des idées différentes pour chacun. Heureusement, vous avez tous vu cet article. Si vous souhaitez créer votre propre bibliothèque de composants, veuillez prêter attention à cette série d'articles.
bibliothèque de composants vue3
La série d'articles sur la création d'une bibliothèque de composants Vue3 à partir de 0 utilisera Vite3 + TS pour créer un projet de bibliothèque de composants Vue3. Le produit final est un échafaudage qui peut être directement utilisé pour créer une bibliothèque de composants Vue3, c'est-à-dire qu'il vous suffit de entrez npm create easyest sur la ligne de commande, puis vous obtiendrez un cadre complet de création de bibliothèque de composants Vue3.
Quant à savoir si les composants doivent être écrits ou non, cela dépend de la situation de suivi, et certains tutoriels de développement pour les composants communs peuvent être ajoutés. Dans le même temps, chaque article aura une adresse github correspondante que tout le monde pourra voir.
Ce qui est inclu
La série d'articles sur la construction de la bibliothèque de composants Vue3 à partir de 0 inclut temporairement ces
- "Le début"
- "Comment créer un environnement Monorepo"
- "Configuration de l'environnement de la bibliothèque de composants"
- "Comment développer un composant"
- "Code de spécification ESLint+Prettier+Stylelint+Husky intégré"
- "Comment utiliser Vite pour empaqueter la bibliothèque de composants"
- "L'utilisation de l'outil de contrôle de processus frontal gulp"
- "Présentation du framework de tests unitaires Vitest"
- "Utiliser glup pour empaqueter les bibliothèques de composants et réaliser le chargement à la demande"
- "Lancement automatique, gestion des numéros de version"
- "Site de documentation de la bibliothèque de composants de construction VitePress"
- "Construire un échafaudage frontal complet"
- ...
Bien sûr, il y aura peut-être quelques ajustements plus tard, mais ça ne changera pas trop
enfin
Bienvenue dans la colonne Vite+TypeScript pour construire une bibliothèque de composants Vue3 à partir de zéro
J'espère que mon article pourra vous aider à apprendre plus de choses, à apprendre ensemble et à progresser ensemble, allez !