ANGULAR 2 INSTALLATION STEPS
ANGULAR 2 INSTALLATION STEPS
-
1. Download the node and install on your local machine using this link https://nodejs.org/en/
ng new project_name
cd path_of_project
ng serve
node -v
npm -v
2. To install the Angular CLI:
npm install -g @angular/cli
3. Check the version of node and npm that also use to check whether installed or not.
4. Generating and serving an Angular project via a development server Create and run a new project:
5. Use this link http://localhost:4200/ to check whether the project has been working or not.The app will automatically reload if you change any of the source files.
6. Install mysql using this link https://dev.mysql.com/downloads/mysql/ and install.
7. Check whether the node and npm has been installed successfully without any error.
8. Make sure that npm has been installed globally. Using npm install -g @angular/cli without -g npm will not install globally.
9. Create a new Angular 2 project. ng new project_name. (This will probably take a few minutes belongs to the system performance.)
10. Create a new component by using the command of
ng generate component [component-name]
11. Executing the command creates a folder, [component-name], in the project's src/app path or the current path the command is executed in if it's a child folder of the project. The folder has the following:
[component-name].component.ts the component class file
[component-name].component.css for styling the component
[component-name].component.html component html
[component-name].component.spec.ts tests for the component
Index.ts which exports the component
12. Do the design in the [component-name].component.html file for the interface.
13. Add the css design to the html interface using [component-name].component.css
14. Use the angular scripting to do the back end process which has been done on the html page using the [component-name].component.ts.
15. Import all the header files which are necessary to compile the project. If any one of the header files is missing its not compile the project.
16. Use database which one you want and I am using mysql gives the DB connection for this we have to use the php file in the document root to mention the in my local machine the path is /Library/Webserver/Documents.
17. Create the new php file and do the php connection in this file. If the connection is done we can able to push the data to the database.