Vue es un marco de JavaScript progresivo que se utiliza para crear interfaces de usuario. Permite a los desarrolladores crear aplicaciones web interactivas proporcionando un enfoque estructurado para organizar y gestionar los datos y componentes de la aplicación.
Vue Template Starters son plantillas de proyectos preconfiguradas que proporcionan una base sólida para desarrollar aplicaciones Vue. Incluyen un conjunto de componentes, estilos y configuraciones prediseñados que ayudan a acelerar el desarrollo y brindar coherencia en todos los proyectos.
El uso de plantillas iniciales de Vue ofrece varios beneficios, que incluyen:
- Acelerar la producción: Con plantillas preconfiguradas, los desarrolladores pueden comenzar a crear aplicaciones sin tener que configurar la estructura básica desde cero.
- Soporte comunitario: Vue tiene una comunidad grande y activa que contribuye al desarrollo de plantillas iniciales, brindando soporte, compartiendo mejores prácticas y ofreciendo soluciones a desafíos comunes.
- Ahorrar tiempo: Con plantillas listas para usar, los desarrolladores pueden centrarse más en crear funciones específicas de la aplicación en lugar de perder tiempo en tareas de configuración repetitivas.
- Aumento de la productividad: Los iniciadores de plantillas de Vue brindan una experiencia de desarrollo optimizada, lo que permite a los desarrolladores trabajar de manera eficiente y entregar proyectos más rápido.
En general, Vue y los iniciadores de plantillas de Vue son herramientas valiosas para los desarrolladores web, ya que les permiten crear aplicaciones de alta calidad con facilidad, velocidad y soporte de la comunidad.
1- Arrancador Bento
Arrancador Bento es un iniciador de plantilla de Vue que proporciona un conjunto completo de características y configuraciones para crear aplicaciones web modernas. Ofrece una arquitectura limpia y modular, junto con un rico conjunto de componentes y estilos prediseñados.
Características
Algunas características clave de Bento Starter incluyen:
- Vista CLI: Bento Starter está construido sobre Vue CLI, que proporciona una poderosa interfaz de línea de comandos para administrar y configurar proyectos de Vue.
- Vuex: Bento Starter incluye Vuex, un patrón de gestión de estado y una biblioteca para aplicaciones Vue.js. Vuex ayuda a administrar el estado a nivel de la aplicación y ofrece herramientas para organizar, compartir y actualizar datos entre componentes.
- Enrutador Vue: Bento Starter integra Vue Router, una biblioteca de enrutamiento para aplicaciones Vue.js. Vue Router permite a los desarrolladores crear aplicaciones dinámicas de una sola página con navegación del lado del cliente y enrutamiento de URL.
- Diseño de respuesta: Bento Starter está diseñado para responder, lo que garantiza que las aplicaciones creadas con él se vean y funcionen bien en diferentes dispositivos y tamaños de pantalla.
- Autenticacion y autorizacion: Bento Starter proporciona un sistema de autenticación y autorización preconfigurado, lo que facilita la implementación de la autenticación de usuarios y el control de acceso en las aplicaciones Vue.
Bento Starter cuenta con el mantenimiento y el apoyo activo de su comunidad, y es una opción popular entre los desarrolladores de Vue para iniciar nuevos proyectos.
2- Plantilla Vite Vue3
Este es un iniciador de plantilla Vue de código abierto que proporciona un conjunto completo de características y configuraciones para crear aplicaciones web modernas. Está construido con Vite, una herramienta de construcción rápida y eficiente para aplicaciones Vue.
Esta plantilla inicial ofrece una arquitectura limpia y modular, junto con un rico conjunto de componentes y estilos prediseñados. Incluye funciones como Vue Router para navegación del lado del cliente, Vuex para administración de estado y diseño responsivo para soporte multidispositivo.
Este iniciador utiliza TailwindCSS, Daisy UI y SaaS como preprocesador de CSS. También incluye un complemento PWA y compatibilidad total con TypeScript.
3- Laravel-Vue SPA
Este es un iniciador de Vue/Laravel de código abierto para crear aplicaciones de una sola página (SPA). Sus características incluyen:
- laravel 8
- Vue + VueRouter + Vuex + VueI18n + ESlint
- Páginas con importación dinámica y diseños personalizados
- Iniciar sesión, registrarse, verificación de correo electrónico y restablecimiento de contraseña
- Autenticación con JWT
- integración socialité
- Bootstrap 5 + Fuente impresionante 5
4- Laravel 8 con Vue 3 SPA Iniciador
5- Vitesse
Esta es una plantilla de inicio de Vite + Vue con opinión de código abierto.
Características:
- Vue 3, Vite, pnpm, esbuild – nacido con solidez
- Enrutamiento basado en archivos
- Importación automática de componentes
- Gestión Estatal vía Pinia
- Sistema de diseño
- PWA
- UnoCSS: el motor CSS atómico instantáneo bajo demanda
- Utilice íconos de cualquier conjunto de íconos con clases
- I18n listo
- Vista previa de componentes
- Soporte de rebajas
- Usa el nuevo
<script setup>sintaxis - Importación automática de API: use la API de composición y otras directamente
- Generación de sitio estático (SSG) mediante vite-ssg
- CSS crítico a través de bichos
- Autohospedaje de fuentes web
- TypeScript, por supuesto
- Pruebas unitarias con Vitest, pruebas E2E con Cypress en GitHub Actions
- Implementar en Netlify, configuración cero
6- Arrancador crudo Laravel+Vue
Laravel+Vue Crud Starter es una plantilla Curd Starter muy simple basada en Laravel 8 + Vue 2 + AdminLTE 3 para aplicaciones SPA.
7- Iniciador de Laravel Vue
El proyecto fue creado para ahorrarme tiempo para rehacer las mismas cosas nuevamente al comenzar un nuevo proyecto de Laravel/Vue.
El objetivo principal de este proyecto es reducir el código y simplificar todo para iniciar nuevos proyectos.
El proyecto está construido con los siguientes componentes:
- Vue 3/Pinia/VueRouter
- API de composición de Vue 3
- invitación 3
- Marco Laravel
- Santuario de Laravel
- Fortificar Laravel
- Viento de cola
- HorquillaImpresionante
- Biblioteca multimedia (por Spatie)
8- Plantilla de inicio de Vue
Una plantilla de inicio de aplicación de una sola página creada para iniciar fácilmente aplicaciones Vue.js 2.
Características
- Vuex 3 para gestión estatal.
- Vue Router 3 para enrutamiento del lado del cliente
- Bootstrap 4.6 para diseño y estilo
- Variables SCSS dentro de los c
omponentes de Vue - Purgecss para eliminar CSS no utilizado
- Función básica de múltiples diseños
- Configuración de ESLint basada en eslint-config-standard y
eslint:recommendedcon valores predeterminados sensatos - Más bonito para formatear código
- Flujo de trabajo de lanzamiento automatizado con lanzamiento semántico
- Compatible con IE11
9- Iniciador de API de VueJs y Lumen.
Este proyecto es inicial con un conjunto de paquetes/componentes que le ayudan a trabajar con Lumen y Vue.js.
Características
- Inscribirse
- Acceso
- Cerrar sesión
- Sistema de múltiples idiomas
- Middleware de autenticación/invitado (FrontEnd y BackEnd)
- Middleware Cors
- Autenticación con JWT
- Validación (FrontEnd y BackEnd)
- Plantillas de autenticación y administración de Tailwind
- Cierre de sesión automático después de que expire el token de acceso
- Token de acceso de envío automático con axios
- Cargador automático para cada solicitud con axios
10- Vue-Iniciador
Esta es una aplicación Vue Starter de código abierto con SCSS + Vuex + Router + Mocha/Chai + Nightwatch, eslint, formateo.
Características
- Enrutamiento (enrutador Vue).
- Gestión de Tienda (Vuex).
- Pruebas unitarias (mocha/chai).
- Pruebas e2e (Reloj nocturno).
- Lint y formateo (ESLint + Recomendado).
- Date-fns (biblioteca de fecha y hora – enfoque funcional, https://date-fns.org/).
- Estructura de archivos sólida y recomendada (admite componentes tontos e inteligentes).
- Archivos de configuración por entorno.
- Guiones personalizados.
Etiquetas
Lista de plantillas JavaScript de código abierto de Vue TypeScript inicial
