# Create-babylon-app, creating Babylon.js dev environment in a one command

**URL:** <https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586>\
**Category:** Demos and projects\
**Tags:** typescript, npm, nodejs\
**Created:** [June 13, 2023, 4:49pm UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586 "2023-06-13T16:49:37Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![drumath2237](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/drumath2237/32/27431_2.png) [@drumath2237](https://forum.babylonjs.com/u/drumath2237)\
**Post date:** [June 13, 2023, 4:49pm UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/1 "2023-06-13T16:49:38Z")

</div>

Hello, Babylonians 👋.  
I published a Node.js CLI named ‘create-babylon-app’.  
This provides some templates (currently two) of Babylon.js development environments, and install them in a command.  
You can run the following commands to launch dev server that hosting Babylon.js web application!  
(also pnpm and yarn is supported)

```sh
# create a project from template
npm create babylon-app

# install dependencies
npm i

# launch dev server
npm run dev

```

I’ve added Vite-ts and Vite-js templates.  
I assume that the webpack and some JS framework integration templates are in demand.

* * *

> **[create-babylon-app](https://www.npmjs.com/package/create-babylon-app)**
>
> A CLI for scaffolding Babylon.js Web App.. Latest version: 0.1.2, last published: a day ago. Start using create-babylon-app in your project by running \`npm i create-babylon-app\`. There are no other projects in the npm registry using...

> **[GitHub - drumath2237/create-babylon-app: A CLI for scaffolding Babylon.js Web...](https://github.com/drumath2237/create-babylon-app)**
>
> A CLI for scaffolding Babylon.js Web App. Contribute to drumath2237/create-babylon-app development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [June 13, 2023, 5:20pm UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/2 "2023-06-13T17:20:37Z")

</div>

Forked! 🙂

---

<div class="post-metadata">

**Author:** ![carolhmj](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/carolhmj/32/25918_2.png) [@carolhmj](https://forum.babylonjs.com/u/carolhmj)\
**Post date:** [June 16, 2023, 11:53am UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/3 "2023-06-16T11:53:35Z")

</div>

This is amazing! Thanks for sharing with the community! ❤

---

<div class="post-metadata">

**Author:** ![bburnskm](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bburnskm/32/38712_2.png) [@bburnskm](https://forum.babylonjs.com/u/bburnskm)\
**Post date:** [April 6, 2024, 11:01pm UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/4 "2024-04-06T23:01:32Z")

</div>

This is great, thanks!

I first came across the tutorial here [Babylon.js docs](https://doc.babylonjs.com/guidedLearning/usingVite)  
but got confused by the unusual folder structure - a parent folder then project subfolders.

So, they should replace that with this!

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [April 7, 2024, 10:38pm UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/5 "2024-04-07T22:38:40Z")

</div>

Welcome @bburnskm!

Honestly, thanks to @drumath2237 for the initiative but the scaffolded project is far from perfect.

@bburnskm you can find several boilerplate projects for babylon.js on GitHub:

[https://github.com/search?q=babylonjs%20boilerplate&type=repositories](https://github.com/search?q=babylonjs%20boilerplate&type=repositories)

Choose the most recent and/or the one with the most stars.

🖖

---

<div class="post-metadata">

**Author:** ![drumath2237](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/drumath2237/32/27431_2.png) [@drumath2237](https://forum.babylonjs.com/u/drumath2237)\
**Post date:** [April 8, 2024, 2:50am UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/6 "2024-04-08T02:50:56Z")

</div>

Yes exactly, this is still a experimental and hobby project…(not 1.0)  
I want to keep improving this!

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [April 8, 2024, 3:22am UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/7 "2024-04-08T03:22:34Z")

</div>

> [@drumath2237](#):
>
> I want to keep improving this!

You should definitelly improve it to a full-blown stackfolding tool!

---

<div class="post-metadata">

**Author:** ![Vibol\_Yem](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/vibol_yem/32/21812_2.png) [@Vibol\_Yem](https://forum.babylonjs.com/u/Vibol_Yem)\
**Post date:** [May 13, 2024, 4:23am UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/8 "2024-05-13T04:23:05Z")

</div>

Thank you so much. It is very helpful.  
Could you tell me how to run with pnpm? It is new for me and I do not know how to do.

---

<div class="post-metadata">

**Author:** ![drumath2237](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/drumath2237/32/27431_2.png) [@drumath2237](https://forum.babylonjs.com/u/drumath2237)\
**Post date:** [May 14, 2024, 3:33pm UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/9 "2024-05-14T15:33:56Z")

</div>

You can use this for the command like below!

```auto
pnpm create babylon-app

cd <proj name>

pnpm install

pnpm dev

```

---

<div class="post-metadata">

**Author:** ![Vibol\_Yem](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/vibol_yem/32/21812_2.png) [@Vibol\_Yem](https://forum.babylonjs.com/u/Vibol_Yem)\
**Post date:** [May 15, 2024, 12:18am UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/10 "2024-05-15T00:18:29Z")

</div>

> [@drumath2237](#):
>
> `pnpm create babylon-app`

Thank you.  
I tried and I got error message during pnpm install.  
It was EE\_PNPM\_EBUSY, after rename …\core\_tmp\_8764 to …\core it worked.

---

<div class="post-metadata">

**Author:** ![drumath2237](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/drumath2237/32/27431_2.png) [@drumath2237](https://forum.babylonjs.com/u/drumath2237)\
**Post date:** [May 15, 2024, 4:13pm UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/11 "2024-05-15T16:13:52Z")

</div>

> [@Vibol\_Yem](#):
>
> It was EE\_PNPM\_EBUSY, after rename …\core\_tmp\_8764 to …\core it worked.

Oh really, I couldn’t reproduce this on my environment.  
My development environment is below.

- Windows 10,11
- pnpm v9.1.1 (I usually use pnpm)
- Node.js 20.9.0

Does your pnpm works correctly for other projects?

---

<div class="post-metadata">

**Author:** ![Vibol\_Yem](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/vibol_yem/32/21812_2.png) [@Vibol\_Yem](https://forum.babylonjs.com/u/Vibol_Yem)\
**Post date:** [May 16, 2024, 12:13am UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/12 "2024-05-16T00:13:24Z")

</div>

Windows 11  
pnpm v9.1.0  
Node.js v18.16.0

It works correctly for other projects. It might be due to that my Node.js version is older than yours.

---

<div class="post-metadata">

**Author:** ![drumath2237](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/drumath2237/32/27431_2.png) [@drumath2237](https://forum.babylonjs.com/u/drumath2237)\
**Post date:** [May 16, 2024, 1:19pm UTC](https://forum.babylonjs.com/t/create-babylon-app-creating-babylon-js-dev-environment-in-a-one-command/41586/13 "2024-05-16T13:19:58Z")

</div>

umm… I tried again with Node.js v18.17.1, but it worked correctly.  
I’m sorry I have no idea how to fix it…
