Cordova+ionic Development Hybird APP---development environment building

Source: Internet
Author: User

Cordova Development Hybird APP Development environment Construction

A Some basic concepts:

Ant:

In a nutshell, if you write a Java program in Notepad and then type the Javac command in CMD to compile it, one day you find that each manual input is too cumbersome and repetitive,
So you make up your mind to change the situation, and then learn to write the Javac command into a bat file, and then compile just click to run it, and then as you hit the code more and more, and with
JAVA Project concept, so you manually create a lot of folders such as Src, Bin, lib, you have written a bat file to reduce your duplication of work, and then as you encode more needs,
You know more about the Javac command, such as packaging, running different classes and so on, and you learned to use Junit,test class source and non-test source code to separate, your boss asked you to the Web Project department
Department to Tomcat ... You look at your screen, full of all kinds of bat files, look up basically by memory, so not good. So Ant is on its debut, and since then, MOM never
With fear I ordered the wrong order!! There's a lot of crap. Ant is plainly replacing various bat files to help you implement the commands you want (mostly related to Java programming), and she's doing more efficiently and better.

NPM:NPM is a package management tool that is installed with Nodejs to address many of the problems with Nodejs code deployment, with the following common usage scenarios:
1. Allow users to download third-party packages written by others from the NPM server for local use.
2. Allow users to download and install command-line programs written by others from the NPM server for local use.
3. Allow users to upload their own packages or command-line programs to the NPM server for others to use.
4.

Nodejs:js is a scripting language, and the scripting language requires a parser to run. For JS written in the HTML page, the browser acts as the parser's role. And for JS that needs to run independently,
Nodejs is a parser. Each parser is a running environment that not only allows JS to define various data structures, perform various calculations, but also allows JS to use the built-in objects provided by the running environment
and methods to do some things. For example, the purpose of JS running in a browser is to manipulate the DOM, and the browser provides built-in objects such as document. And the use of JS running in Nodejs is to operate the magnetic
Disk file or build an HTTP server, NODEJS provides built-in objects such as FS, HTTP, and so on.

Ionic:ionic is currently the most promising HTML5 mobile application development framework. Build your application through SASS, which provides a number of UI components to help developers develop powerful applications
。 It uses the JavaScript MVVM framework and AngularJS to enhance the application. Provides two-way binding of data, using it as a common choice for Web and mobile developers.

SASS:

Cordova/phonegap:

Two Environment Construction:

Install Nodejs;

Installing the JDK Configuration environment variables
Java_home:c:\program files\java\jdk1.8.0_45
CLASSPATH:.; %java_home%\lib\dt.jar;%java_home%\lib\tools.jar
Path:%java_home%\bin;

Install git;

Installing the ant configuration environment variable
ant_home:c:/apache-ant-1.9.6
Path:%ant_home%\bin

Installing the Android Configuration environment variable
User variable Android_home:f:\android-sdk-windows
System variable Path:%android_home%\platform-tools; %android_home%\tools;

Installing Ionic and Cordova
NPM install–g Cordova Ionic
Ionic Start app

Three Integrated Crosswalk
Ionic browser Add Crosswalk
If you want to remove crosswalk, you need to do this:
Ionic browser revert crosswalk/ionic browser remove crosswalk

Cordova+ionic Development Hybird APP---development environment building

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.