/esixstarter

Javascript TDD ready front-end template with ES6 support.

Primary LanguageJavaScriptMIT LicenseMIT

Build Status devDependencies Status

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.