Vue + Phaser + ES6 + Webpack.

A project to create games with Vue + Phaser + ES6 + Webpack.

Features

Vue based (https://vuejs.org/)
Phaser framework (http://www.phaser.io/)
Vue Router imported
ESLINT with JavaScript AirBnb Style configuration
Next generation of Javascript
Browsers are automatically updated as you change project files
Webpack ready
WebFont Loader

Setup

You'll need to install a few things before you have a working copy of the project.

1. Clone this repo:

Navigate into your workspace directory.

Run:

git clone https://github.com/ttzshawn/vue-phaser-starter

2. Install node.js and npm:

https://nodejs.org/en/

3. Install dependencies (optionally you can install yarn):

Navigate to the cloned repo's directory.

Run:

npm install

or if you chose yarn, just run yarn

4. Run the development server:

Run:

npm run dev

This will run a server so you can run the game in a browser. It will also start a watch process, so you can change the source and the process will recompile and refresh the browser automatically.

To run the game, open your browser and enter http://localhost:3000 into the address bar.

Build for deployment:

Run:

npm run build

This will optimize and minimize the compiled bundle.

Credits

Big thanks to these great repos:

https://github.com/lean/phaser-es6-webpack