Este documento proporciona una introducción al proyecto PPTist, una aplicación de presentaciones en línea construida con Vue3.x y TypeScript que replica la mayoría de las funciones comunes de Microsoft Office PowerPoint. Permite editar y presentar diapositivas en línea, además de soportar la exportación de archivos PPT.

1. Estructura del Directorio del Proyecto

La estructura del proyecto PPTist está cuidadosamente diseñada para facilitar el desarrollo eficiente y el mantenimiento. A continuación se presenta un resumen de los directorios principales y sus fnuciones:

.
├── package-lock.json         # Archivo de bloqueo de dependencias de NPM
├── package.json              # Configuración del proyecto, incluyendo comandos y dependencias
├── tsconfig.*.json           # Archivos de configuración de compilación de TypeScript
├── vite.config.ts            # Archivo de configuración de construcción de Vite
├── src                       # Directorio raíz del código fuente
│   ├── ...                   # Subdirectorios para componentes, vistas, API, estilos, etc.
├── public                    # Carpeta de recursos estáticos, incluyendo el archivo index.html
├── README.md                 # Archivo de documentación del proyecto
├── LICENSE                   # Archivo de licencia
├── .gitignore                # Lista de archivos ignorados por Git
└── ...                       # Otros archivos auxiliares o de documentación

Nota: El directorio src contiene la lógica principal y los componentes de la interfaz de usuario, mientras que el directorio public almacana recursos estáticos accesibles directamente, como la página HTML inicial.

2. Archivos de Inicio del Proyecto

Script principal de inicio: Generalmente ubicado en la sección de scripts del archivo package.json. El comando npm run dev es esencial para iniciar el servidor de desarrollo:

"scripts": {
    "dev": "vite",
    ...
}

Al ejecutar npm run dev, se inicia el entorno de desarrollo (Vite u otro especificado), permitiendo una vista previa en tiempo real de los cambios en el código.

3. Archivos de Configuración del Proyecto

• tsconfig.json: Archivo de configuración de TypeScript que define las reglas de verificación de tipos durante la compilación, asegurando la calidad y compatibilidad del código TypeScript.
• vite.config.ts: Archivo de configuración de construcción de Vite que controla el comportaimento del servidor de desarrollo, optimiza el proceso de construcción y establece rutas públicas.
• .gitignore: Controla qué archivos o carpetas deben ser ignorados por Git, manteniendo el repositorio de versiones limpio.

Con esta información, los desarrolladores pueden familiarizarse rápidamente con el proyecto PPTist, comprender la configuración básica del entorno de desarrollo y agilizar su trabajo de programación. Se recomienda leer detenidamente la documentación oficial o los comentarios antes de realizar modificaciones en la configuración o iniciar el proyecto.

Proyecto: PPTist es una aplicación de presentaciones en línea basada en Vue3.x y TypeScript que replica la mayoría de las funciones estándar de Microsoft PowerPoint, permitiendo la edición y presentación en línea de diapositivas, con soporte para exportación de archivos PPT.