# New tutorial: Setting up TypeScript, Phaser, Webpack, … argh!

**URL:** <https://phaser.discourse.group/t/new-tutorial-setting-up-typescript-phaser-webpack-argh/2615>\
**Category:** Phaser 3\
**Created:** [May 30, 2019, 7:14pm UTC](https://phaser.discourse.group/t/new-tutorial-setting-up-typescript-phaser-webpack-argh/2615 "2019-05-30T19:14:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kieranmathieson](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/kieranmathieson/32/1350_2.png) [@kieranmathieson](https://phaser.discourse.group/u/kieranmathieson)\
**Post date:** [May 30, 2019, 7:14pm UTC](https://phaser.discourse.group/t/new-tutorial-setting-up-typescript-phaser-webpack-argh/2615/1 "2019-05-30T19:14:23Z")

</div>

Get all the pieces working together.

> **[Setting up TypeScript, Phaser, Webpack, … argh!](https://medium.com/@mathieso2000/setting-up-typescript-phaser-webpack-argh-2e059ac7dc1b)**
>
> You want to write a game that runs in a browser. You decide on TypeScript, and Phaser 3. Your code will be modular, broken into many…

---

<div class="post-metadata">

**Author:** ![bradydowling](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/bradydowling/32/1146_2.png) [@bradydowling](https://phaser.discourse.group/u/bradydowling)\
**Post date:** [May 30, 2019, 11:33pm UTC](https://phaser.discourse.group/t/new-tutorial-setting-up-typescript-phaser-webpack-argh/2615/2 "2019-05-30T23:33:52Z")

</div>

When I started my current project I just cloned [this GitHub repo](https://github.com/simiancraft/create-phaser-app) blindly and then started changing things around 🤯 That repo is helpful but just cloning it without truly understanding what I was getting and how it was setup was a little frustrating. Something like this would have saved me some time and headaches.

---

<div class="post-metadata">

**Author:** ![xjxxjx1017](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/xjxxjx1017/32/796_2.png) [@xjxxjx1017](https://phaser.discourse.group/u/xjxxjx1017)\
**Post date:** [May 31, 2019, 6:34am UTC](https://phaser.discourse.group/t/new-tutorial-setting-up-typescript-phaser-webpack-argh/2615/3 "2019-05-31T06:34:47Z")

</div>

Just comment on here to mention my project using TypeScript, Phaser, Webpack and Vue! But it’s a full project, not a trimmed down version, so maybe harder for others to use it to start a project. However, on the other hand, it gives more examples of how to get things together and organize them. Especially on managing the UI logic / events and the interactions with the game loop.

> **[xjxxjx1017/spacewarrealism](https://github.com/xjxxjx1017/spacewarrealism)**
>
> A space war game. Contribute to xjxxjx1017/spacewarrealism development by creating an account on GitHub.

live: [https://xjxxjx1017.github.io/spacewarrealism/](https://xjxxjx1017.github.io/spacewarrealism/)