Getting Started With Angular 2

Add folders for clear separation, like “Model” and “View” here.

Create Customer.ts file to add a property there.

Create configuration files for reference and we can pick those files from quick-feed projects.

Add tsconfig.json into the project and copy and paste the code from the quick-feed project.

Add systemjs.config.js into the project and copy and paste the code from the quick-feed project.

Now, go to the project location and run “npm install” through NPM.

Exclude package.json file from the solution as there are a few defects with VS 2015.

Now, add a folder BindingViewModel and add a file “CustomerCompoent.ts” there. Import Component and Customer class there and create a object inside the class.

Now, add a Main.html file in the View folder and add a view named as “customer-ui”, which will be referred by “CustomerComponent” and load the Customer.html there going forward.

Now, go to the CustomerComponent.ts again and add a decorator there where we refer the selector and templateURL.

Now, create a CustomerModule in the “BindingViewModel” where we create a module for the application and refer all the necessary things such as CustomerComponent and others.

Then, create a start-up main file which will be responsible for starting up the application after having model, component, and module files in place.

Now, go to the Main.html file and add few scripts and script code for running the app.

Then, do some changes in the systemjs.config.js file relevant to the folder structure.