egg typescript element kit

kit-de-elementos-mecanografiado-de-huevo

Basado en Egg + TypeScript + Element + Webpack3, un proyecto de ingeniería completo isomórfico de representación de cliente del lado del servidor de una sola y varias páginas.

• Sistema de recepción: http://localhost:7001

• Sistema de fondo: http://localhost:7001/admin

1. Introducción del proyecto

Versión del complemento

• Huevo: ^2.xx
• Nodo: Nodo ^8.x.x+,
• Paquete web^4.xx
• Vista: ^2.5.0
• Mecanografiado: ^2.6.2
• Interfaz de usuario del elemento: ^2.0.0
• easywebpack-vue
• huevo-vista-vue-ssr
• paquete web de huevos
• huevo-webpack-vue

Características del proyecto

• Admite la escritura y construcción de código lateral de Egg Node y código frontal TypeScript

• Trabajador de servicio de apoyo a la construcción automatizada.

• Admite funciones asíncronas y de espera, el controlador está escrito en modo clase

• Admite modificación de código de servidor y cliente, compilación en tiempo real de Webpack y actualización en caliente, inicio de aplicación con un solo clic de npm run dev

• Basado en la implementación isomórfica del cliente de servidor de página única vue + vuex + vue-router + axios

• Admite entornos de desarrollo, entornos de prueba y entornos formales de compilación de paquetes web.

• Admite dependencia de recursos js/css/imagen, soporte integrado para funciones CDN

• Admite la construcción automatizada de Webpack DLL

• Admite la representación del lado del servidor del componente Vue y la carga asincrónica

2. Funciones del sistema

Sistema de blogs de recepción

Usando la renderización del lado del servidor Egg + Vue

• Página de inicio del blog
• Visualización de la lista de artículos del blog
• Página de detalles del artículo del blog
• Navegación por categorías de blogs

Sistema de gestión de fondo

Uso de la representación isomórfica del lado del servidor de una sola página de Egg + Vue + Vue-Router + Element

• Inicio de sesión de usuario
• Registro de usuario
• Panel
• Gestión de artículos
• Markdown agregar artículo
• Gestión de permisos

3. uso

3.1 Instalar dependencias

npm install
npm start

3.2 Iniciar la aplicación

npm run dev

Acceso a la aplicación: http://127.0.0.1:7001

3.3 Construir

• Construcción de huevo TypeScript

npm run tsc

• Construcción de proyectos front-end de TypeScript

npm run tsc

3.4 Implementación del paquete

1. Primero ejecute npm run build para compilar el código TypeScript Egg y el código front-end de TypeScript
2. El código del proyecto y el código de compilación están empaquetados juntos
3. Una vez implementada la aplicación, iníciela a través de npm start

4. Documentación

• http://hubcarl.github.io/easywebpack/vue/rule
• https://zhuanlan.zhihu.com/easywebpack

5. Referencias

• vue-elemento-admin

Licencia

MIT