This is a boilerplate for starting a new HTML, CSS and JavaScript project.
project
|__index.html
|__css
|__js
|__img
|__resources
| |__scss
| |__javascript
|__Gruntfile.js
|__package.json
|__bower.json
- jQuery 2.1.1
- MaterializeCSS framework
Prerequisites:
- Node Package Manager (http://nodejs.org/)
- Bower (http://bower.io)
npm install -g bower
- Grunt CLI (http://gruntjs.com/getting-started)
npm install -g grunt-cli
Steps:
- Git clone this repo
npm install
to install Node packages required by the projectbower install
to install Bower components required by the project- Initialize with
grunt init
- Watch for any changes in files using
grunt watch
- Happy editing!
grunt watch
will automatically watch all files under resources/scss
and resources/js
for changes, and compile them to CSS and concatenate everything to just one single file (all.css
and all.js
respectively).
Run grunt production