# How do I run the game while programming it? **URL:** \ **Category:** Phaser 3\ **Created:** [May 25, 2020, 9:43pm UTC](https://phaser.discourse.group/t/how-do-i-run-the-game-while-programming-it/6444 "2020-05-25T21:43:52Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![buqer\_ok](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/buqer_ok/32/3444_2.png) [@buqer\_ok](https://phaser.discourse.group/u/buqer_ok)\ **Post date:** [May 25, 2020, 9:43pm UTC](https://phaser.discourse.group/t/how-do-i-run-the-game-while-programming-it/6444/1 "2020-05-25T21:43:52Z")
I want to run index.html but the blank page appears ---
**Author:** ![BlunT76](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/blunt76/32/1454_2.png) [@BlunT76](https://phaser.discourse.group/u/BlunT76)\ **Post date:** [May 25, 2020, 9:54pm UTC](https://phaser.discourse.group/t/how-do-i-run-the-game-while-programming-it/6444/2 "2020-05-25T21:54:47Z")
You must use a local server: > **[Getting Started with Phaser 3: Part 1 - Introduction - Learn - Phaser](https://phaser.io/tutorials/getting-started-phaser3)** > > Desktop and Mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games. ---
**Author:** ![buqer\_ok](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/buqer_ok/32/3444_2.png) [@buqer\_ok](https://phaser.discourse.group/u/buqer_ok)\ **Post date:** [May 25, 2020, 10:00pm UTC](https://phaser.discourse.group/t/how-do-i-run-the-game-while-programming-it/6444/3 "2020-05-25T22:00:22Z")
What do you recommend me? Is there a video on youtube that explains it? These things put me off when I start ---
**Author:** ![BlunT76](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/blunt76/32/1454_2.png) [@BlunT76](https://phaser.discourse.group/u/BlunT76)\ **Post date:** [May 25, 2020, 10:33pm UTC](https://phaser.discourse.group/t/how-do-i-run-the-game-while-programming-it/6444/4 "2020-05-25T22:33:11Z")
Installl node.js on your computer: ```javascript git clone https://github.com/photonstorm/phaser3-project-template cd phaser3-project-template npm start ``` A page will open on chrome, and when you modify a file in the src folder, chrome auto reload ---
**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\ **Post date:** [May 26, 2020, 1:34am UTC](https://phaser.discourse.group/t/how-do-i-run-the-game-while-programming-it/6444/5 "2020-05-26T01:34:22Z")
[![](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/9/95d606eca757d7508c735920f7f71b7e7d12144c.jpeg "How to Really Make a Phaser Game from Scratch! Part 1 - UNCUT") ](https://www.youtube.com/watch?v=yo40OaolRs8) ---
**Author:** ![msanatan](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/msanatan/32/4502_2.png) [@msanatan](https://phaser.discourse.group/u/msanatan)\ **Post date:** [May 27, 2020, 8:36pm UTC](https://phaser.discourse.group/t/how-do-i-run-the-game-while-programming-it/6444/6 "2020-05-27T20:36:39Z")
The video @samme shared got me to my ideal setup with to develop and build Phaser apps. When I teach programming I usually install [Brackets text editor](http://brackets.io/) with my students. It easy to use, lightweight and comes with a live preview button out of the box. With one click, your game will be updated as you develop it. ---
**Author:** ![UltimateProGrammer](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/ultimateprogrammer/32/3069_2.png) [@UltimateProGrammer](https://phaser.discourse.group/u/UltimateProGrammer)\ **Post date:** [May 28, 2020, 6:27pm UTC](https://phaser.discourse.group/t/how-do-i-run-the-game-while-programming-it/6444/7 "2020-05-28T18:27:56Z")
+1 for Brackets. Not only is it great for Phaser, it is great for use for all kinds of JS, HTML, and CSS programming.