Skip to content

Instantly share code, notes, and snippets.

@dvidsilva

dvidsilva/angular-folder-structure.md

Last active August 29, 2015 14:05
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save dvidsilva/cdbfab9d7cc216b5e65d to your computer and use it in GitHub Desktop.
Save dvidsilva/cdbfab9d7cc216b5e65d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
angular-folder-structure.md

/

  • /_files <-- random stuff
  • /build <-- publicly accessible ignore the contents of this in .gitignore
  • /assets
  • /less
  • /images
  • /fonts
  • /vendor
  • /components <-- bower dependencies
  • /css <-- some dependencies are not compatible with bower
  • /scripts <--
  • /app <-- all the angular resources will be
  • /myApp.js <-- the original app declaration and module di will be.
  • /state.js <-- declare the routes with ui-router don't use ngRouter
  • /config.js <-- CONSTANTS avoid global variables
  • /services <-- services that are needed all across the application
  • /directives <-- directives that are needed all across the app, if a directive is more than one file create a folder for it.
  • /header... etc <-- app components that will live in their own folder, better than having a models, views, controllers folder scheme, aiming to have more folder and less files in each folder.
  • /Gruntfile.js <-- Grunt is a great way of managing developments tasks

Notes

  • Build folder should keeep the folder structure that the css, routes and files expect to find. (exp, '../images/logo.png')

  • Have a vendor.js and app.js to separate your code from the dependencies Sign up for free

  • Refer to egghead and scotch for great tutorials.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment