Accelerate your environment and development
###It's doing the follow tasks:
- reload the browser each time your save your file
- Jade compilation to index.html, with different option(you choice)
- check the syntax Javascript inlive with Jshint (you can configure the level in a dot file)
- compile the javascript js/_main.js to js/main.js
- sass compitaltion css/main.scss to css/maincss
- after saved your file, each error in your code send an popup
###The prerequisites necessaries:
- You need to have Node, NPM and Grunt installed.
- NPM: [https://docs.npmjs.com/cli/install](Install NPM)
- NodeJs: NodeJs
- Grunt: Installing Grunt
- Livereload extension Chrome, Safari or Firefox: Livereload for Chrome
##Installation
1. In your Terminal clone the repo(Github)
git clone https://github.com/xavierartot/workflow-fcc my-project
2. Go in the folder
cd my-project
3. Install the package NPM
npm install
4. Start Grunt and Watch, to compile, Uglify, etc.
grunt watch
5. In your browser click on Livereload extension.
the main files are:
| Files | Are |
|---|---|
| js/_main.js | you add the Javascript here |
| index.jade | you add the html here |
| css/main.scss | the name for the SASS file (for the CSS) |
##How I'm Using This Workflow With FCC I clone the repo for each exercice or project. Once I'm done I copy the code in FCC
If you have an issue use Github or this post http://forum.freecodecamp.com/t/workflow-with-grunt-for-campers/28804
Happy coding 😀