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

Ionic是一个开源框架,可用于使用CSS,HTML5和Sass等Web技术开发混合移动应用程序。在这Tutoria ...

如何在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

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