- \n
- A server running Ubuntu 18.04 to your system.<\/li>\n
- A non-root user with sudo privileges.<\/li>\n<\/ul>\n
Install Node.js<\/h2>\n
First, you will need to install the latest version of Node.js to your system. By default, the latest version of Node.js is not available in Ubuntu 18.04 default repository. So, you will need to add PPA for node.js to your system.<\/p>\n
You can do this with the following command:<\/p>\n
sudo apt-get install python-software-properties -y
curl -sL https:\/\/deb.nodesource.com\/setup_8.x | sudo -E bash –<\/p>\nOnce the repository is installed, install Node.js using the following command:<\/p>\n
sudo apt-get install nodejs -y<\/p>\n
Install Cordova<\/h2>\n
Now, install Cordova using the npm command as below:<\/p>\n
sudo npm install -g cordova<\/p>\n
Output:<\/p>\n
\/usr\/bin\/cordova -> \/usr\/lib\/node_modules\/cordova\/bin\/cordova \n+ [email\u00a0protected]<\/a> \nupdated 1 package in 15.829s \n<\/pre>\n
Once the Cordova is installed, you can check the version using the following command:<\/p>\n
cordova –version<\/p>\n
Output:<\/p>\n
? May Cordova anonymously report usage statistics to improve the tool over time? Yes \n \nThanks for opting into telemetry to help us improve cordova. \n \n8.0.0 \n<\/pre>\n
Create Your First App<\/h2>\n
Cordova is now installed, it’s time to create an app using Cordova.<\/p>\n
Run the following command to create your first app with name TestApp:<\/p>\n
cordova create TestApp<\/p>\n
Output:<\/p>\n
Creating a new cordova project. \n<\/pre>\n
Next, change the directory to the TestApp and add the required platform in your application.<\/p>\n
cd TestApp
cordova platform add android<\/p>\nYou should see the following output:<\/p>\n
Using cordova-fetch for [email\u00a0protected]<\/a>~7.0.0 \nAdding android project... \nCreating Cordova project for the Android platform: Path: platforms\/android Package: io.cordova.hellocordova Name: HelloCordova Activity: MainActivity Android target: android-26 \nSubproject Path: CordovaLib \nSubproject Path: app \nAndroid project created with [email\u00a0protected]<\/a> \nAndroid Studio project detected \nAndroid Studio project detected \nDiscovered plugin \"cordova-plugin-whitelist\" in config.xml. Adding it to the project \nInstalling \"cordova-plugin-whitelist\" for android \n This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version, you do *not* need this plugin since the whitelist will be built in. \nAdding cordova-plugin-whitelist to package.json \nSaved plugin info for \"cordova-plugin-whitelist\" to config.xml \n--save flag or autosave detected \nSaving [email\u00a0protected]<\/a>~7.0.0 into config.xml file ... \n<\/pre>\n
Next, run the following command to list the installed and available platforms for Cordova application.<\/p>\n
cordova platform -ls<\/p>\n
Output:<\/p>\n
Installed platforms: android 7.0.0 \nAvailable platforms: browser ~5.0.1 ios ~4.5.4 osx ~4.0.1 windows ~5.0.0 www ^3.12.0 \n<\/pre>\n
If you want to remove any platform, you can remove it by just running the following command:<\/p>\n
cordova platform remove android<\/p>\n
Next, you will need to fulfill all the requirements for your build environment. You can do this by running the following command:<\/p>\n
cordova requirements<\/p>\n
Once all the required dependencies are installed successfully, run the following command to build your application:<\/p>\n
cordova build android<\/p>\n
Links<\/h2>\n
\nShare this page:<\/b><\/p>\n
\n
![\"\"](\"https:\/\/afaghhosting.net\/blog\/wp-content\/uploads\/2018\/07\/how-to-install-apache-cordova-on-ubuntu-18-04-lts.png\" "\\"\\"")
<\/a>
\n![\"\"](\"https:\/\/afaghhosting.net\/blog\/wp-content\/uploads\/2018\/07\/how-to-install-apache-cordova-on-ubuntu-18-04-lts-1.png\" "\\"\\"")
<\/a>
\n![\"\"](\"https:\/\/afaghhosting.net\/blog\/wp-content\/uploads\/2018\/07\/how-to-install-apache-cordova-on-ubuntu-18-04-lts-2.png\" "\\"\\"")
<\/a>
\n![\"\"](\"https:\/\/afaghhosting.net\/blog\/wp-content\/uploads\/2018\/07\/how-to-install-apache-cordova-on-ubuntu-18-04-lts-3.png\" "\\"\\"")
<\/a>\n<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Apache Cordova (Formerly known as PhoneGap) is a free and an open source mobile development framework that can be used to build applications for mobile devices using CSS3, HTML5, and JavaScript. You can build hybrid mobile applications using HTML, CSS, and JavaScript in Cordova platform that will be used on different mobile platforms like, IOS, …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[],"class_list":["post-5227","post","type-post","status-publish","format-standard","hentry","category-36"],"_links":{"self":[{"href":"https:\/\/afaghhosting.net\/blog\/wp-json\/wp\/v2\/posts\/5227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afaghhosting.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/afaghhosting.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/afaghhosting.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afaghhosting.net\/blog\/wp-json\/wp\/v2\/comments?post=5227"}],"version-history":[{"count":0,"href":"https:\/\/afaghhosting.net\/blog\/wp-json\/wp\/v2\/posts\/5227\/revisions"}],"wp:attachment":[{"href":"https:\/\/afaghhosting.net\/blog\/wp-json\/wp\/v2\/media?parent=5227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/afaghhosting.net\/blog\/wp-json\/wp\/v2\/categories?post=5227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/afaghhosting.net\/blog\/wp-json\/wp\/v2\/tags?post=5227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}