To get you started you can simply clone the angular
repository and install the dependencies:
You need git to clone the angular
repository.
Clone the angular
repository using git:
git clone https://github.com/hirokgreen/angular.git as angular_task
cd angular_task
npm install
Behind the scenes this will also call bower install
. After that, you should find out that you have
two new folders in your project.
node_modules
- contains the npm packages for the tools we needapp/bower_components
- contains the Angular framework files
Note that the bower_components
folder would normally be installed in the root folder but
angular-seed
changes this location through the .bowerrc
file. Putting it in the app
folder
makes it easier to serve the files by a web server.
I have preconfigured the project with a simple development web server. The simplest way to start this server is:
npm start
Now browse to the app at [localhost:8000
]
app/ --> all of the source files for the application
app.css --> default stylesheet
components/ --> all app specific modules
version/ --> version related components
version.js --> version module declaration and basic "version" value service
version_test.js --> "version" value service tests
version-directive.js --> custom directive that returns the current app version
version-directive_test.js --> version directive tests
interpolate-filter.js --> custom interpolation filter
interpolate-filter_test.js --> interpolate filter tests
home/
home.html --> the home view
home.js --> home config logic
home_test.js -->test of the controller
view1/ --> the view1 view template and logic
view1.html --> the partial template
view1.js --> the configure logic
view1.controller.js --> the controller logic
view1.factory.js --> the factory logic
view1_test.js --> tests of the controller
view2/ --> the view2 view template and logic
view2.html --> the partial template
view2.js --> the controller logic
view2_test.js --> tests of the controller
app.js --> main application module
index.html --> app layout file (the main html template file of the app)
index-async.html --> just like index.html, but loads js files asynchronously
karma.conf.js --> config file for running unit tests with Karma
e2e-tests/ --> end-to-end tests
protractor-conf.js --> Protractor config file
scenarios.js --> end-to-end scenarios to be run by Protractor
npm test