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

在此页

1. 要求
2. 安装 Node.js 和 Cordova
3. 安装离子框架
4. 使用 Ionic 创建项目

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

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

要求

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

安装 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 带有一个方便的命令行实用程序来启动、构建和打包 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

就是这样！您现在可以轻松构建您的应用程序。