如何在Ubuntu 18.04 LTS上安装Ionic Mobile App Framwork

Ionic是一个开源框架，可用于使用CSS，HTML5和Sass等Web技术开发混合移动应用程序。 Ionic提供了一个强大的命令行界面，可用于通过简单的命令创建项目。 Ionic支持Android，IOS和用于开发应用的通用Windows平台。 Ionic使用Cardova插件访问相机，GPS和手电筒。

在本教程中，我们将学习在Ubuntu 18.04（Bionic Beaver）上安装Ionic框架。

要求

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

安装Node.js和Cordova

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

您可以使用以下命令添加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安装到您的系统中。 您可以使用以下命令安装它：

sudo npm install -g cordova

安装Ionic Framework

Ionic提供了一个方便的命令行实用程序来启动，构建和打包离子应用程序。 您可以通过运行以下命令来安装它：

sudo npm install -g ionic

一旦安装了Ionic，您可以使用以下命令检查Ionic的版本：

ionic -v

输出：

3.20.0

用Ionic创建项目

接下来，您将需要在计算机上的某处为您的应用程序的代码创建一个新的Cordova项目：您可以使用以下命令执行此操作：

ionic start HelloWorld blank

上述命令将创建一个目录HelloWorld。

接下来，将目录更改为HelloWorld并列出内容：

cd HelloWorld/
ls -l

您应该看到以下输出：

total 260
-rw-r--r--   1 3434 3434     92 Jun  9 15:43 ionic.config.json
drwxr-xr-x 536 root root  20480 Jun  9 15:46 node_modules
-rw-r--r--   1 3434 3434   1135 Jun  9 15:43 package.json
-rw-r--r--   1 root root 224175 Jun  9 15:46 package-lock.json
drwxr-xr-x   6 3434 3434   4096 Jun  9 15:43 src
-rw-r--r--   1 3434 3434    519 May 30 23:39 tsconfig.json
-rw-r--r--   1 3434 3434    178 May 30 23:39 tslint.json

接下来，使用以下命令启用Android平台并构建Android项目：

ionic platform add android
ionic cordova build android
ionic cordova emulate android

而已！ 您现在可以轻松构建您的应用程序。