Przeglądaj źródła

docs: add quick start guide for TresJS installation (#1070)

- Introduced a new "Quick Start" section in the installation documentation, detailing the recommended approach using the interactive CLI wizard.
- Included commands for creating a new TresJS project with npm, yarn, and pnpm, along with an overview of the wizard's features such as template selection, ecosystem packages, TypeScript support, and ESLint integration.
- Emphasized the benefits of using the CLI for new projects, ensuring users have a streamlined setup experience.
Alvaro Saburido 1 miesiąc temu
rodzic
commit
e2ed259f99
1 zmienionych plików z 37 dodań i 0 usunięć
  1. 37 0
      docs/content/1.getting-started/2.installation.md

+ 37 - 0
docs/content/1.getting-started/2.installation.md

@@ -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