Descarga ahora 10 plantillas iniciales gratuitas de código abierto para Vue

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:recommended con 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