|
@@ -7,6 +7,43 @@ seo:
|
|
|
description: Learn how to install and set up TresJS in your Vue project.
|
|
|
---
|
|
|
|
|
|
+## Quick Start (Recommended) <UIcon name="i-heroicons-rocket-launch" />
|
|
|
+
|
|
|
+The fastest way to get started with TresJS is using our interactive CLI wizard:
|
|
|
+
|
|
|
+::code-group
|
|
|
+```bash [npm]
|
|
|
+npx create-tres my-tres-project
|
|
|
+```
|
|
|
+
|
|
|
+```bash [yarn]
|
|
|
+yarn create tres my-tres-project
|
|
|
+```
|
|
|
+
|
|
|
+```bash [pnpm]
|
|
|
+pnpm create tres my-tres-project
|
|
|
+```
|
|
|
+::
|
|
|
+
|
|
|
+The CLI provides an **interactive wizard** that guides you through:
|
|
|
+
|
|
|
+::prose-list
|
|
|
+- 🎯 **Template selection**: Choose between Vue + Vite or Nuxt
|
|
|
+- 📦 **Ecosystem packages**: Select from TresJS ecosystem packages (Cientos, Post-processing, Leches)
|
|
|
+- 🔧 **TypeScript support**: Type safe development with TypeScript
|
|
|
+- 📏 **ESLint integration**: Code quality with TresJS ESLint config
|
|
|
+::
|
|
|
+
|
|
|
+::prose-note
|
|
|
+This is the **recommended approach** for new projects as it handles all the configuration automatically and lets you choose exactly what you need.
|
|
|
+::
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## Manual Installation
|
|
|
+
|
|
|
+If you prefer to set up TresJS manually or add it to an existing project, follow the instructions below:
|
|
|
+
|
|
|
## Vue project
|
|
|
|
|
|
::steps
|