如何在Ubuntu 18.04 LTS上安装Apache Cordova

Apache Cordova(以前称为PhoneGap)是一个免费的开源移动开发框架,可用于构建移动应用程序...

如何在Ubuntu 18.04 LTS上安装Apache Cordova

Apache Cordova(以前称为PhoneGap)是一款免费的开源移动开发框架,可用于为使用CSS3,HTML5和JavaScript的移动设备构建应用程序。 您可以在Cordova平台中使用HTML,CSS和JavaScript构建混合移动应用程序,该应用程序将用于不同的移动平台,如IOS,Android,Windows。 科尔多瓦开发混合应用程序然后开发原生应用程序的速度更快,因此它可以节省您的开发时间

在本教程中,我们将学习如何在Ubuntu 18.04 LTS(仿生海狸)上安装Cordova。

要求

  • 运行Ubuntu 18.04到您的系统的服务器。
  • 具有sudo权限的非root用户。

安装Node.js

首先,您需要将最新版本的Node.js安装到您的系统中。 默认情况下,最新版本的Node.js在Ubuntu 18.04默认存储库中不可用。 因此,您需要为node.js添加PPA到您的系统。

你可以用下面的命令来做到这一点:

sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

一旦存储库安装完毕,使用以下命令安装Node.js:

sudo apt-get install nodejs -y

安装Cordova

现在,使用npm命令安装Cordova,如下所示:

sudo npm install -g cordova

输出:

/usr/bin/cordova -> /usr/lib/node_modules/cordova/bin/cordova
+ cordova@8.0.0
updated 1 package in 15.829s

Cordova安装完成后,您可以使用以下命令检查版本:

cordova --version

输出:

? May Cordova anonymously report usage statistics to improve the tool over time? Yes

Thanks for opting into telemetry to help us improve cordova.

8.0.0

创建你的第一个应用

Cordova现已安装,现在可以使用Cordova创建应用了。

运行以下命令以创建名为TestApp的第一个应用程序:

cordova create TestApp

输出:

Creating a new cordova project.

接下来,将目录更改为TestApp并在您的应用程序中添加所需的平台。

cd TestApp
cordova platform add android

您应该看到以下输出:

Using cordova-fetch for cordova-android@~7.0.0
Adding android project...
Creating Cordova project for the Android platform:
	Path: platforms/android
	Package: io.cordova.hellocordova
	Name: HelloCordova
	Activity: MainActivity
	Android target: android-26
Subproject Path: CordovaLib
Subproject Path: app
Android project created with cordova-android@7.0.0
Android Studio project detected
Android Studio project detected
Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project
Installing "cordova-plugin-whitelist" for android

               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.
          
Adding cordova-plugin-whitelist to package.json
Saved plugin info for "cordova-plugin-whitelist" to config.xml
--save flag or autosave detected
Saving android@~7.0.0 into config.xml file ...

接下来,运行以下命令以列出Cordova应用程序已安装和可用的平台。

cordova platform -ls

输出:

Installed platforms:
  android 7.0.0
Available platforms: 
  browser ~5.0.1
  ios ~4.5.4
  osx ~4.0.1
  windows ~5.0.0
  www ^3.12.0

如果您想删除任何平台,只需运行以下命令即可将其删除:

cordova platform remove android

接下来,您将需要满足构建环境的所有要求。 您可以通过运行以下命令来完成此操作:

cordova requirements

一旦所有必需的依赖项安装成功,运行以下命令来构建您的应用程序:

cordova build android