/angularJS-sample-structure

Good structure to begin an angularJS project

Primary LanguageJavaScript

AngularJS sample structure

Get started

  • Install dependencies:
npm install
  • Run a SCSS file watcher compiler on the project.
  • Change informations in package.json, Gruntfile.js.
  • Change app name in src/app/app.js
  • Start to code !

Add a view

  • Copy src/app/components/home/ folder with the name of your new view.
  • Add js controller link to src/index.html.
  • Add js controller to modules list in src/app/app.js.
  • Add route in src/app/app.routes.js.
  • Add SCSS path in src/css/imports.scss.

Add a service / factory:

  • Add it in src/app/services/ folder.
  • Add link to src/index.html.
  • Add to modules list in src/app/app.js.

Add a directive:

  • Copy one existing directive in src/app/shared/ folder with the name of your new directive.
  • Add js directive link to src/index.html.
  • Add js directive to modules list in src/app/app.js.
  • Add SCSS path in src/css/imports.scss.

Build

Result in "dist" folder.

npm build