Fri. Feb 23rd, 2024

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

By admin Jan 29, 2024

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

By admin

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *