Documentación de Needle Engine
Downloads
  • What is Needle Engine?
  • Testimonios
  • Get an overview

    • Samples and Showcase
    • Nuestra Visión 🔮
    • Resumen de Características
    • Resumen técnico
  • Resources

    • Pricing and Plans
    • Changelog
    • API Documentation
    • Support & Community
  • Integrations

    • Needle Engine para Unity
    • Needle Engine para Blender
    • Needle Engine como Web Component
    • Needle Engine en tu sitio web
    • Needle Cloud
  • Topics

    • Estructura de Proyecto Web
    • Acciones Everywhere
    • Exportar Assets a glTF
    • Frameworks, Bundlers, HTML
    • Testing on local devices
    • Despliegue y optimización
  • Advanced

    • Redes
    • VR & AR (WebXR)
    • Usando Needle Engine directamente desde HTML
    • Editor Sync
  • Troubleshooting

    • Cómo Depurar
    • Preguntas Frecuentes (FAQ) 💡
    • Get Help
  • Videos

    • Tutorials on Youtube
    • Interviews on Youtube
  • Scripting Overview

    • Scripting in Needle Engine
    • Introducción al Scripting para Desarrolladores de Unity
    • Componentes principales de Needle
    • Acciones Everywhere
  • Components and Lifecycle

    • Crear y usar Components
    • @serializable y otros decoradores
    • Generación Automática de Componentes
    • Ejemplos de scripting
    • Community Contributions
    • Módulos Adicionales
  • Settings and APIs

    • Configuración de <needle-engine>
    • needle.config.json
    • Needle Engine API
    • three.js API
Help
Samples
Pricing
  • Needle Website
  • Needle Cloud
  • Support Community
  • Discord Server
  • X/Twitter
  • YouTube
  • Newsletter
  • Email
  • Feedback
  • Github
  • English
  • 简体中文
  • Español
  • Português
  • Français
  • हिन्दी
  • 日本語
  • Deutsch
  • Tiếng Việt
Downloads
  • What is Needle Engine?
  • Testimonios
  • Get an overview

    • Samples and Showcase
    • Nuestra Visión 🔮
    • Resumen de Características
    • Resumen técnico
  • Resources

    • Pricing and Plans
    • Changelog
    • API Documentation
    • Support & Community
  • Integrations

    • Needle Engine para Unity
    • Needle Engine para Blender
    • Needle Engine como Web Component
    • Needle Engine en tu sitio web
    • Needle Cloud
  • Topics

    • Estructura de Proyecto Web
    • Acciones Everywhere
    • Exportar Assets a glTF
    • Frameworks, Bundlers, HTML
    • Testing on local devices
    • Despliegue y optimización
  • Advanced

    • Redes
    • VR & AR (WebXR)
    • Usando Needle Engine directamente desde HTML
    • Editor Sync
  • Troubleshooting

    • Cómo Depurar
    • Preguntas Frecuentes (FAQ) 💡
    • Get Help
  • Videos

    • Tutorials on Youtube
    • Interviews on Youtube
  • Scripting Overview

    • Scripting in Needle Engine
    • Introducción al Scripting para Desarrolladores de Unity
    • Componentes principales de Needle
    • Acciones Everywhere
  • Components and Lifecycle

    • Crear y usar Components
    • @serializable y otros decoradores
    • Generación Automática de Componentes
    • Ejemplos de scripting
    • Community Contributions
    • Módulos Adicionales
  • Settings and APIs

    • Configuración de <needle-engine>
    • needle.config.json
    • Needle Engine API
    • three.js API
Help
Samples
Pricing
  • Needle Website
  • Needle Cloud
  • Support Community
  • Discord Server
  • X/Twitter
  • YouTube
  • Newsletter
  • Email
  • Feedback
  • Github
  • English
  • 简体中文
  • Español
  • Português
  • Français
  • हिन्दी
  • 日本語
  • Deutsch
  • Tiếng Việt
  • Getting Started

    • Downloads
    • Needle Engine for Unity
    • Needle Engine for Blender
    • Needle Engine as Web Component
    • Needle Engine on your Website
    • Needle Cloud
    • Custom integrations
    • Support and Community
  • Core Concepts

    • Estructura de Proyecto Web
    • Acciones Everywhere
    • Exportar Assets a glTF
    • Frameworks, Bundlers, HTML
    • Testing on local devices
    • Despliegue y optimización
    • Cómo Depurar
    • Preguntas Frecuentes (FAQ) 💡
  • Scripting

    • Scripting in Needle Engine
    • Introducción al Scripting para Desarrolladores de Unity
    • Crear y usar Components
    • Generación Automática de Componentes
    • Ejemplos de scripting
    • Community Contributions
  • Advanced

    • VR & AR (WebXR)
    • Redes
    • Editor Sync
  • Reference

    • Resumen de Características
    • Resumen técnico
    • Componentes principales de Needle
    • needle.config.json
    • Configuración de <needle-engine>
    • @serializable y otros decoradores

Estructura de Proyecto de Needle Engine

Archivos del Proyecto Web

Needle Engine
needle.config.jsonConfiguración para las compilaciones e integraciones de Needle Engine
Ecosistema
package.jsonConfiguración del proyecto que contiene nombre, versión, dependencias y scripts
tsconfig.jsonConfiguración del compilador de Typescript
.gitignoreArchivos y carpetas a ignorar en git
vite.config.jsContiene configuración específica de vite.
También añade los plugins de Needle Engine para vite.

Estructura de proyecto Vite por defecto

Nuestra plantilla de proyecto principal utiliza el ultrarrápido bundler vite. Lo siguiente muestra la estructura de la plantilla Vite que hemos creado y distribuimos (aunque es posible adaptarla a tus propias necesidades).

| | | | --- | | | Carpetas | | | assets/ | La carpeta assets contiene activos exportados desde Unity. Por ejemplo, archivos gltf generados, archivos de audio o vídeo. No se recomienda añadir archivos manualmente a assets, ya que se eliminarán al compilar la distribución para el proyecto. | include/ | (opcional) - Si tienes activos personalizados que necesitas referenciar/cargar, añádelos al directorio include. Al compilar, este directorio se copiará a la carpeta de salida. | src/generated/ | El código javascript generado. ¡No editar manualmente! | src/scripts/ | Scripts / componentes específicos de tu proyecto | src/styles/ | Hojas de estilo | * | Puedes añadir cualquier carpeta nueva aquí según desees. Asegúrate de copiarlas al directorio de salida al compilar | | Archivos | | | index.html | La página de aterrizaje o principal de tu sitio web | vite.config | La configuración de vite. Aquí se realizan los ajustes para compilar la distribución y alojar el servidor de desarrollo. Normalmente no es necesario editar estos ajustes. | src/main.ts | Incluido desde index.html e importando needle-engine | * | Puedes añadir cualquier archivo nuevo aquí según desees. Asegúrate de copiarlos al directorio de salida al compilar (a menos que solo se utilicen durante el desarrollo) |

Nuestro exportador se puede utilizar también con otras estructuras de proyecto; vite es simplemente nuestra herramienta de empaquetado frontend preferida debido a su velocidad. Siéntete libre de configurar tu proyecto JavaScript como desees.

Aprende más en la documentación sobre empaquetado y uso con otros frameworks


Continuar leyendo

  • Guía de Typescript para Desarrolladores de Unity
  • Conceptos Esenciales de Typescript
  • Escribir scripts personalizados
  • Everywhere Actions

Página traducida automáticamente con IA

Suggest changes
Actualizado el:: 22/4/25, 8:44
Next
Acciones Everywhere