prefacio
Este es el primer artículo de una serie de artículos sobre la creación de una biblioteca de componentes Vue3 desde 0. Esta serie creará un proyecto completo de biblioteca de componentes Vue3 desde cero, con el objetivo de brindarle un proceso de creación más detallado y una mejor experiencia de lectura.
¿Por qué escribir una biblioteca de componentes?
En la actualidad, ya existen muchas bibliotecas de componentes muy maduras en la industria, como Element, Vant, Vuetify, etc., entonces, ¿por qué seguimos construyendo una desde cero? Para mí, construir una biblioteca de componentes propia no es para
el propósito de proporcionar Cuántas personas lo usan (y no muchas personas lo usarán), lo principal es que aprenderá mucho conocimiento que no puede tocar en el trabajo del proceso de construcción. Por ejemplo, algunos principios de Vite, gestión de paquetes pnpm, scaffolding Cli, pruebas Vitest, etc. tienen muchos puntos de conocimiento. Y publique algunos artículos sobre este tema para ayudar a algunos amigos a responder preguntas y ejercitar sus habilidades de escritura.
Creo que para la mayoría de las personas, crear una biblioteca de componentes propia es mejorar sus habilidades profesionales, o la empresa necesita una biblioteca de componentes propia, o desea hacer que su biblioteca de componentes sea más grande y más fuerte y de código abierto Salga a obtener más uso y reconocimiento de las personas. Por supuesto, todos tienen ideas diferentes para todos. Afortunadamente, todos han visto este artículo. Si desea crear su propia biblioteca de componentes, preste atención a esta serie de artículos.
biblioteca de componentes vue3
La serie de artículos sobre la creación de una biblioteca de componentes Vue3 desde 0 utilizará Vite3+TS para crear un proyecto de biblioteca de componentes Vue 3. El producto final es un andamio que se puede usar directamente para crear una biblioteca de componentes Vue3, es decir, solo necesita ingrese npm create easyst en la línea de comando, y luego podrá obtener un marco completo de creación de bibliotecas de componentes Vue3.
En cuanto a si los componentes deben escribirse o no, depende de la situación de seguimiento y se pueden agregar algunos tutoriales de desarrollo para componentes comunes. Al mismo tiempo, cada artículo tendrá una dirección de github correspondiente para que todos lo vean.
Qué está incluido
La serie de artículos sobre la construcción de la biblioteca de componentes Vue3 desde 0 incluye temporalmente estos
- "El principio"
- "Cómo construir un entorno Monorepo"
- "Configuración del entorno de la biblioteca de componentes"
- "Cómo desarrollar un componente"
- "Código de especificación ESLint+Prettier+Stylelint+Husky integrado"
- "Cómo usar Vite para empaquetar bibliotecas de componentes"
- "El uso de la herramienta de control de procesos front-end gulp"
- "Presentamos el marco de pruebas unitarias Vitest"
- "Uso de glup para empaquetar bibliotecas de componentes y realizar cargas bajo demanda"
- "Lanzamiento automático, gestión del número de versión"
- "Sitio de documentación de la biblioteca de componentes de construcción VitePress"
- "Construyendo un andamio frontal completo"
- ...
Por supuesto, puede haber algunos ajustes más adelante, pero no cambiará demasiado
por fin
Bienvenido a la columna Vite+TypeScript para crear una biblioteca de componentes Vue3 desde cero
Espero que mi artículo pueda ayudarlos a aprender más cosas, aprender juntos y progresar juntos, ¡vamos!