vishnucr / cied-angularjs-grunt

AngularJs Boilerplate with grunt

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angularjs-Grunt

AngularJs Boilerplate with grunt

Its a kickstart for those who are looking for a nice and simple project setup in angularjs, grunt, bootsrap.

Clone this repo and install both package.json and bower.json to build a basic front-end development setup. This boilerplate was made in requirement for a project I'm doing which was running python/Django.

Installation

Install Requirements

_ the sass compiler needs Ruby and Sass gem_

Install Ruby for Linux(apt (Debian or Ubuntu)):

sudo apt-get install ruby-full

Install Ruby for Linux(yum (CentOS, Fedora, or RHEL)):

sudo yum install ruby

After Installing Ruby , install the Sass ruby gem.

gem install sass
Install the project files

Install Node Modules:

npm install 

Install Bower Components:

bower install 

Build the project:

grunt build 

Usage example

  • All of your JS and Dependancy(Angular, Bootstra,...) goes in "src/js", and your SCSS/SASS goes in "src/css" and your HTML goes in "src/partials".
  • During build process, the scss is converted to css and then concated, the same is for js, its also concated.
  • The partial will be moved to "templates/ui".

you can always chage these directory and build process from the Gruntfile.js

Contributing

  1. Fork it (https://github.com/vishnucr/cied-angularjs-grunt/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request

About

AngularJs Boilerplate with grunt


Languages

Language:JavaScript 100.0%Language:HTML 0.0%Language:CSS 0.0%