Angularjs+ionic Development-1. Build a development environment

Temporary projects need to use Angularjs+ionic+cordova technology, half a year ago with others used a period of time to do a few pages, at present, others have been unable to contact, only I on the.
After the last project, want to take time to consolidate this aspect of knowledge, and then other projects busy to drop, the main reason or lazy ah, in fact, there are a lot of technology lined up to do a good study, is lazy ah.

The first step in development, you need to build up the development environment first.

1. Developing the IDE

Choose vs Code, official: https://code.visualstudio.com/. Once the download is complete, follow the steps to complete the installation step-by-step.

2. Installing Nodejs

Download the latest stable version of the official website: https://nodejs.org/en/. Once the download is complete, follow the steps to complete the installation step-by-step.

After the installation is complete, open the system cmd , enter node –v , if you can get the corresponding version number, then complete the installation.

3. Installing Ionic

In VS code, open the terminal controller (shortcut key: Ctrl+~ ) and enter the command: npm install –g ionic . After the installation is complete, enter the command: ionic –version you can view the corresponding version.

4. Installing Cordova

VS Code Terminal Controller, enter the command: npm install –g cordova . When you are prompted to complete the installation, enter
Command: cordova –version the corresponding version can be queried.

5. Create a project

By opening the folder operation, setting the project directory, VS code of the terminal controller, enter the command: ionic start . When you are prompted to enter the project name and type the project name, you will be asked to select a project template with tabs, blank, Sidemenu, Super, Conference, tutorial, and AWS. Select the desired template with the keyboard up and down, press ENTER, you will be prompted during the creation of the "Would you want to integrate your The new app with Cordova to target native IOS and Android?" "(meaning whether to integrate the Cordova program into native iOS or Android), the general case is" N ". The next step is to wait for the project to be created.

6. Browser Run Project

After the project is created, in the terminal controller of VS code, go to the project directory through the CD command, then execute ionic serve , then execute the project compilation process, and automatically open the browser to enter the Http://localhost:8100/page. The tabs project that was created actually runs as follows:

Angularjs+ionic Development-1. Build a development environment