fradot / esixstarter

Javascript TDD ready front-end template with ES6 support.

Javascript ES6 ready frontend starter template

esixstarter is a simple front-end starter template for building javascript applications using ECMAScript6 features.

Features:

• TDD-ready environment.
• ECMAScript6 support.
• CSS & Javascript source map.
• Livereload! Browser automatically refresh on changes.
• LESS support.
• Javascript & CSS minification.
• Javascript linting.
• CSS Autoprefixer.
• MIT License

Quick Start

1. Download the zip project here

2. Or clone this git repo:

   git clone https://github.com/fradot/esixstarter.git

Configure your project

Configure your project using the esixstarter-config.json file:

{
  "name": "-your project name-",
  "description": "-your project description goes here-",
  "dirs": {
      "test": "test",
      "dist": "dist",
      "src": "src"
    },
  "version": "1.0.0",
  "author" : "-author fullname-"
}

Install dependencies & Start developing

Install project dependencies from command line:

npm install

Run gulp command and start developing:

gulp

By default gulp will start a new web server at http://localhost:8080 and karma for test execution.

Javascript code will be transpiled to EcmaScript5. All js files will be minified and included in dist/js/main.js.

Enable javascript source maps in your browser to easily debug your application.

Build project

Build your project using the build command:

gulp build

The above command will produce a 'dist' folder.