Ionic2 Development Environment build tutorial, ionic2 build tutorial

Ionic2 Development Environment build tutorial, ionic2 build tutorial

Network Environment: FQ is not required in the ionic development environment. I have not set FQ here, so it is feasible to test it in person. However, to build the development environment of angular2, the FQ network is required. Otherwise, many packages may fail to be installed.

It is recommended that you do not refer to the various blogs from Baidu when building a development environment. They are too fragmented. What matters is that they have not been correctly written for a long time. We strongly recommend that you refer to the tutorials on the official website. Http://ionicframework.com/gettingstarted/

1. Download and install Node. js. Official website address: https://nodejs.org/en/ I have installed v7.10.0133.

2. After the installation is complete, run the command line node-v to view the installed version.

3. Install cordova and ionic through npm. Input: npm install-g cordova ionic

After the installation is complete, the window is as follows:

4. after the ionic is installed successfully, you can create your first project: ionic start myApp tabs. By default, the ionic2 project is created. To create ionic1.x, add -- v1 to the end of the command. In addition, tabs indicates the template, and blank, sidemenu, tutorial, super, and Other templates.

5. After the project is successfully created, run cd in the project root directory and ionic serve to run the project. The project will be automatically viewed in the browser.

Shows the directory structure of the entire Ionic2 project:

The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.