DO NOT USE FOR NEW APPS
The result is much easier to update and maintain - and it's much better if each app has its own repo rather than have them all piled in here.
You will need to install angular-ui/bootstrap from bower if you need it. You may want then want to remove jQuery from the generated app.
Derived from AngularFun By @CaryLandholt
The aim is to make this app host a few related apps and form the basis of similar collections.
Added some grunt tasks:
grunt mask:<appname>causes only the named app to be generated in the final dist.
grunt unmaskcauses all apps to be present. Useful for test purposes.
Converted codebase to LiveScript.
Updated to grunt-0.4 in all but the playlist branch which is still at grunt-0.3.
Now using grunt-lsc updated to LiveScript 1.2.0
Until npm module grunt-lsc is published at v1.0.1 - the one that uses Livescript 1.2.0 - use this trick to link it from a copy cloned from the github repo which is already at v1.0.1:
$ git clone https://github.com/gwwfps/grunt-lsc.git $ cd grunt-lsc $ npm link $ cd ~/angular/Apps1 # this will install your local version of grunt-lsc $ npm link grunt-lsc # since grunt-lsc is now installed, npm install will ignore it: $ npm install
Apps1 is an AngularJS app collection.
Follow the patterns and you'll get a complete development workflow, including:
- file organization
- transpilation of LESS files
- three build configurations
- default - compilation with no optimizations
- dev - compilation with no optimizations but includes file watching to monitor changes and build changed files on-the-fly
- full dependency management (file loading and dependency resolution)
- an in-browser unit testing strategy
- a server to run the application
Text editor - preferably TextMate or Sublime Text, set to translate tabs to 2 spaces. We use 2 spaces per indent for LiveScript. If using these editors, install the livescript.tmbundle for syntax checking.
Must have Git installed
- Must have node.js (at least v0.8.1) installed with npm (Node Package Manager)
- Must have CoffeeScript node package installed globally.
npm install -g coffee-script
- Must have Grunt node package installed globally.
npm install -g grunt-cli
Enter the following commands at a command line:
git clone git://github.com/gmp26/Apps1.git cd Apps1 npm install
You have three options.
grunt- will compile the app preserving individual files (when run, files will be loaded on-demand)
grunt dev- same as
gruntbut will watch for file changes and recompile on-the-fly
index.htmlfile. Yep - it's minified too.
- Navigate to the root of the project
- Open the app in your browser to run the app
grunt devwill watch for any CoffeeScript (
.coffee), Less (
.templatefile changes. When changes are detected, the files will be linted, compiled, and ready for you to refresh the browser.
You have two options.