Friki Work

Creación del proyecto base con Vue 3 Para comenzar, es necesario generar un proyecto base utilizando Vite y Vue 3. Esto se logra ejecutando el siguiente comando en la terminal: npm create vite@latest mi-app -- --template vue-ts cd mi-app npm install Integración de Electron y configuración de Vite A continuación, se instalan las dependencias ne ...

El archivo de configuración de Nuxt 3 define las opciones del proyecto mediante la función defineNuxtConfig. Este sistema permite personalizar el comportamiento del framework, desde módulos hasta herramientas de desarrollo. export default defineNuxtConfig({ modules: [ '@element-plus/nuxt' ], devtools: { enabled: true }, elementPlus: { ...

Arquitectura y beneficios clave de un panel de administración en Vue 3 El desarrollo de paneles de control empresariales exige un equilibrio entre eficiencia, rendimiento y seguridad. Al aprovechar Vue 3 en combinación con TypeScript y bibliotecas de interfaz como Element Plus, se logra una arquitectura robusta orientada a componentes. Este enf ...

El complemento unplugin-vue-components funciona como un interceptador de compilación diseñado para entornos Vue. Su propósito central consiste en analizar las plantillas durante el proceso de empaquetado, detectar referencias a componentes no declarados y generar automáticamente las sentencias de importación correspondientes, eliminando la nece ...

Al implementar rutas dinámicas en Vue 3 con Vite, pueden surgir ciertos inconvenientes, especialmente cuando los datos de ruta provienen de una API externa y requieren un procesamiento previo. La importación estática de componentes usando import() funciona sin problemas: component: () => import('@/components/ExampleComponent.vue') Sin emba ...

En el contexto de la transformación digital de la manufactura, gestionar flujos de producción complejos, procesar grandes volúmenes de datos y coordinar entre departamentos presenta desafíos significativos. TMom, un sistema de ejecución de fabricación (MES) multiplanta y multiproyecto, aborda estos retos mediante una combinación tecnológica de ...

En Vue 3.4, defineModel se ha convertido en una macro oficial que simplifica la vinculación bidireccional entre componentes padre e hijo. Esta característica reduce significativamente el código necesario al encapsular la lógica de sincronización. Método atnerior a Vue 3.4 Antes de defineModel, se requería definir una prop modelValue y emitir un ...

La integridad de los datos es fundamental en el desarrollo frontend moderno. En plantillas basadas en Vite y Vue, como Vitesse, estructurar la validación de formularios de manera eficiente es crucial para mantener la escalabilidad del código y ofrecer una experiencia de usuario fluida. Requisitos Fundamentales de un Sistema de Validación Un sis ...

En el desarrollo con uniapp, uno de los desafíos más recurrentes es lograr que la barra de navegación inferior (tabbar) se visualice correctamente en la diversidad de dispositivos móviles actuales. Problemas como botones ocultos por la barra de inicio en modelos con pantalla completa o desajustes en el diseño son comunes. En el framework unibes ...

1.1 Cabecera del sitio <template> <el-container> <el-header> <el-row> <el-col :span="4"> <img src="/assets/logos/company_logo.png" alt="Logo de la empresa"/> </el-col> <el-col :span="20" class="menu-column&quot ...