8541. Installing and Using Cordova on macOSCordova and macOS
Tutorial for how to install and use Cordova for hybrid mobile development.
1. What is Cordova?
Cordova is a platform for building hybrid mobile applications using HTML, CSS and JavaScript.
2. Installation
2.1 Prerequisites
Install the following tools first.
- NodeJS and NPM
- Android SDK
- XCode
2.2 Installing Cordova
Install and check version.
npm install -g cordova cordova -v 7.1.0 2.3 Using Cordova
Create cordova app.
cordova create MyApp Add platforms.
cordova platform add browser cordova platform add ios cordova platform add android Remove platform.
cordova platform rm browser cordova platform rm ios cordova platform rm android Build and run.
cordova build android cordova emulate android cordova run android 3. Cordova Projects
3.1 Browser
cordova platform add browser cordova run browser Access http://localhost:8000/index.html in web browser. 
3.2 iOS
Install Xcode, then set command line tools. In Xcode, go to Preferences > Location > Command Line Tools. It’s blank by default. Select Xcode version. 
Install xcode-select.
$ xcode-select --install Install deployment tools.
npm install -g ios-deploy Compile for iOS.
cordova platform add ios cordova build ios Deploying to Simulator. Open the workspace file (platforms/ios/HelloWorld.xcworkspace) from Xcode, or from the command line:
open ./platforms/ios/HelloCordova.xcworkspace 
In Xcode, click run button to start simulator. 
3.3 Android
Install JDK, Android SDK and AVD first.
Compile android.
cordova platform add android cordova build android If you get ‘Error: spawn EACCES’ error. Execute the following command to set the permissions for gradle. Then, run build again.
chmod 777 /Applications/Android\ Studio.app/Contents/gradle/gradle-4.1/bin/gradle Open Android Studio, launch Emulator, then run.
cordova run android 
4. Others
config.xml, local storage