Skeleton AngularJS Application, all you need to start an AngularJS Application, basic tools to build an awesome angular application is included here, build tool using Gulp, Front End Package managment using Bower, JSHint for javascript code linting, and angular-ui-router for state redirects, but you can still use the default location provider by angular that uses "hashbang" url by setting it on app configuration file.
- Clone this repository, or just fork it then clone it from your repository.
cd /angular-bootstrap
.- Execute this command
sudo npm install
to install node modules. - Execute this command
bower install
to install bower components. - Now let's start installing bower components to /application/vendor
by running this command
gulp install
. - Then Ola! You can now start developing by runnung
gulp
gulp
default gulp task that runsgulp watch
task.gulp watch
production watcher task.gulp watch-dev
development watcher task.gulp install
bower components installer to /application/vendor folder.gulp clean-vendor
removes all the vendor files from /application/vendor folder.gulp build
creates a minified rev-versioned file to /application/build foldergulp clean
removes or cleans the /application/build directory.gulp inject
automatically injects angular files, scripts, styles, and vendor files to tag of index.html file.gulp inject-dev
injects development files, all the files that are not minified. except minified vendor files.gulp inject-clean
remove all injected files to tag of index.html file.gulp lint
runs jshint with styled reporter.gulp deploy
runs deployment task in sequence. e.g install, clean, build, inject-clean, inject.gulp deploy-dev
runs developement deployment task in sequence. e.g install, clean, inject-clean, inject-dev.gulp minify-controllers
generates minified rev-versioned angular controllers.gulp minify-components
generates minified rev-versioned angular components.gulp minify-decorators
generates minified rev-versioned angular decorators.gulp minify-services
generates minified rev-versioned angular services.gulp minify-scripts
generates minified rev-versioned /assets/scripts.gulp minify-styles
generates minified rev-versioned /assets/styles.
If you are developing in development environment, just run
gulp watch-dev
and it will do all the development environment task, for production development / deployment just rungulp
orgulp watch
and it will do all the production task you need.