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