Front-end mobile app development environment building

Mobile App Development environment Installation One Environment Installation Preparation software

Two node 's installation

Install the corresponding version of the file as you would install the normal softwarenodesoftware, ready to run after installationNPMcommand line, such asNPM Init,NPM Install-g Bower,NPM Install-g Browser,npm install-g Browser-sync,npm install-g gulp-cli--save--dev,npm install jquery--save, and so on;Note the installation path does not select the Chinese path, the configuration file isPackage.json

:https://www.nodojs.org

NPM:www.npmjs.org Node Package Manager

Bower:Http://bower.io

browser-sync:[ official website ] (https://www.browsersync.io/)

[ Chinese net ] (http://www.browsersync.cn/)

Glup: [ official website ] (http://gulpjs.com/)

[ Chinese net ] (http://www.gulpjs.com.cn/)

Common Gulp plugins

-[ compile less:gulp-less] (https://www.npmjs.com/package/gulp-less)

-[ Create local server:gulp-connect] (https://www.npmjs.com/package/gulp-connect)

-[ merged files:Gulp-concat] (https://www.npmjs.com/package/gulp-concat)

-[ minimized js file:gulp-uglify] (https://www.npmjs.com/package/gulp-uglify)

-[ Rename file:Gulp-rename] (https://www.npmjs.com/package/gulp-rename)

-[ minimized css file:gulp-minify-css] (https://www.npmjs.com/package/gulp-minify-css)

-[ compressed HTML file gulp-minify-html] (https://www.npmjs.com/package/gulp-minify-html)

-[ minimized Image:gulp-imagemin] (https://www.npmjs.com/package/gulp-imagemin)

Three installation of git

Git is a source control tool that installs git primarily as a team collaboration in development and facilitates versioning . The Ng-cordova plugin needs to be used .

git:git-scm.com/download/

Four installation of the JDK

Java Development Kit, which is a tool that relies on the Java language to run development, just like the JS language requires a browser

：

(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)

Environment variable Configuration :

Java_home, the variable value is configured as : JDK installation path (c:/xxx/jdk1.8.0.25)

CLASSPATH, the variable value is configured as :

.; %java_home%\lib\dt.jar;%java_home%\lib\tools.jar;

* Notice there's a point in front of you *

+ PATH, variable value appended :%java_home%\bin;

> c:\users\isc\appdata\roaming\npm;%java_home%\bin;

%java_home%\bin;%android_home%\platform-tools;%android_home%\tools

- input javac more Test

- or enter java-version

V. Installation of the Android SDK

Android SDKis aAndroidDevelopment packages required for software development on the platform, here we are through the installationAndroid Studiothe way to installAndroid SDK, Android Studiois aAndroiddeveloped byIDE (Integrated development Environment)is at least2.0or moreHigh version, we're not going to use thisIDE, but to use the integratedAndroid SDK,If you manually download the installationSDKvery troublesome. Androna NET was wall[Android SDKChinese website] (http://www.androiddevtools.cn/)Note: The installation path do not have Chinese and do not use spaces。

- Environment Variables :

+ android_home: variable value configured as SDK installation path (C:\ISCDEV\ANDROID\SDK)

+ PATH: variable Value appended :;%android_home%\platform-tools;%android_home%\tools

Also install Cordova and Ionic npm install-g Cordova Ionic at this time

Vi. Installation of Viusal Studio 2015

Mainly to use the tool provided by the C + + environment , this is the most difficult to install, although this powerful tool we just use its C + + environment, visual installation size 10g+.

The above is the Ionic Development necessary environment, if you want to do React Native Development also need to build a python Environment

Seven installation of Python

Eight Run

After the installation of the above environment can be mobile App Development,

Ionic Development:

-Ionic Start myApp tabs

+ initialize a project , tabs can not write, or it can be /black/sidemenu

-Ionic Platform Add Android

+ Add a andorid platform, actually download android source code

+ Add an iOS platform ' ionic platform add iOS '

-Ionic Build Android

+ Compile the project code into an Android installation package

-Build is easy to fail try a few more times

Front-end mobile app development environment building