Hey there,
I built a workflow to work faster, it based on Grunt a task manager for web developer.
It’s doing the follows tasks:
- reload the browser at each change with Livereload
- Jade compilation to index.html
- check the syntax Javascript 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
The prerequisites necessaries:
You need Node, NPM and Grunt installed on your computer.
npm: https://docs.npmjs.com/cli/install
Node: https://nodejs.org/en/download/
Grunt: http://gruntjs.com/installing-grunt
Livereload extension Chrome, Safari or Firefox: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en
Clone the repo(Github)
git clone https://github.com/xavierartot/workflow-fcc my-project
Go to the folder(you can change the name of the folder)
cd my-project
Install the package NPM
npm install
Start Grunt and watch, compile…
grunt watch
In your browser click on Livereload extension.
If you have an issue use Github or this post, for other question ask on this post.
Happy coding
EDIT: this week end I will make a video if people ask me.