Cyberithub

How to Install Ionic Framework in Linux (RHEL/CentOS 8) Using 10 Easy Steps

In this article, I will take you through the Steps to Install Ionic Framework in Linux (RHEL/CentOS 7/8). Ionic Framework is a very popular Hybrid Framework used for building High Quality Mobile and Desktop Apps. If you are planning to create and build App through ionic CLI tool then you need to install ionic utility first and along with that you also need to install cordova to manage the Native App. Since Apps required node and nvm tool so you need to install these tools as well.

How to Install Ionic Framework in Linux (RHEL/CentOS 8) Using 10 Easy Steps 1

Install Ionic Framework in Linux (RHEL/CentOS 8)

Also Read: How to Install Rust Programming Language in Linux Using 6 Best Steps

Step 1: Prerequisites

a)You need a Running RHEL/CentOS 8 System.

b)You should have dnf tool installed in your System. You can check 31 Useful DNF Command Examples for RPM Package Management in Fedora/RHEL/CentOS to know more about DNF Command.

c)You should have sudo access to run privileged commands in Your System. You can check How to Add Users to Sudoers to know more about providing sudo access to the User.

Step 2: Update Your System

Before installing Ionic Framework in your System you need update your System packages using dnf update -y command as shown below. This command will find and install all the latest available updates from the Repository.

[root@localhost ~]# dnf update -y
Last metadata expiration check: 0:28:17 ago on Wed 01 Jul 2020 09:21:27 PM EDT.
Dependencies resolved.
========================================================================================================================================================================
Package Architecture Version Repository Size
========================================================================================================================================================================
Installing:
kernel-core x86_64 4.18.0-193.6.3.el8_2 BaseOS 28 M
Upgrading:
alsa-lib x86_64 1.2.1.2-3.el8 AppStream 441 k
container-selinux noarch 2:2.124.0-1.module_el8.2.0+305+5e198a41 AppStream 47 k
containers-common x86_64 1:0.1.40-11.module_el8.2.0+377+92552693 AppStream 50 k
fribidi x86_64 1.0.4-8.el8 AppStream 89 k
fuse-overlayfs x86_64 0.7.2-5.module_el8.2.0+305+5e198a41 AppStream 60 k
git x86_64 2.18.4-2.el8_2 AppStream 186 k
git-core x86_64 2.18.4-2.el8_2 AppStream 4.0 M
git-core-doc noarch 2.18.4-2.el8_2 AppStream 2.3 M
gtk-update-icon-cache x86_64 3.22.30-5.el8 AppStream 32 k
gtk3 x86_64 3.22.30-5.el8 AppStream 4.5 M
java-1.8.0-openjdk-headless x86_64 1:1.8.0.252.b09-3.el8_2 AppStream 33 M
java-11-openjdk x86_64 1:11.0.7.10-1.el8_1 AppStream 247 k
java-11-openjdk-devel x86_64 1:11.0.7.10-1.el8_1 AppStream 3.3 M
java-11-openjdk-headless x86_64 1:11.0.7.10-1.el8_1 AppStream 40 M
libX11 x86_64 1.6.8-3.el8 AppStream 611 k
libX11-common noarch 1.6.8-3.el8 AppStream 158 k
libdrm x86_64 2.4.100-1.el8 AppStream 164 k
libepoxy x86_64 1.5.3-1.el8 AppStream 225 k
libmaxminddb x86_64 1.2.0-7.el8 AppStream 25 k
libtiff x86_64 4.0.9-17.el8 AppStream 188 k
libwayland-client x86_64 1.17.0-1.el8 AppStream 39 k
libwayland-cursor x86_64 1.17.0-1.el8 AppStream 26 k
libwayland-egl x86_64 1.17.0-1.el8 AppStream 19 k
libxcb x86_64 1.13.1-1.el8 AppStream 229 k
libxkbcommon x86_64 0.9.1-1.el8 AppStream 116 k
nss x86_64 3.44.0-15.el8 AppStream 703 k
nss-softokn x86_64 3.44.0-15.el8 AppStream 461 k
nss-softokn-freebl x86_64 3.44.0-15.el8 AppStream 271 k
nss-sysinit x86_64 3.44.0-15.el8 AppStream 70 k
nss-tools x86_64 3.44.0-15.el8 AppStream 552 k
nss-util x86_64 3.44.0-15.el8 AppStream 133 k
perl-Git noarch 2.18.4-2.el8_2 AppStream 77 k
perl-IO-Socket-SSL noarch 2.066-4.el8 AppStream 297 k
pixman x86_64 0.38.4-1.el8 AppStream 257 k
plymouth x86_64 0.9.3-16.el8 AppStream 114 k
plymouth-core-libs x86_64 0.9.3-16.el8 AppStream 115 k
plymouth-scripts x86_64 0.9.3-16.el8 AppStream 42 k
python2 x86_64 2.7.17-1.module_el8.2.0+381+9a5b3c3b AppStream 108 k
python2-libs x86_64 2.7.17-1.module_el8.2.0+381+9a5b3c3b AppStream 6.0 M
python2-pip noarch 9.0.3-16.module_el8.2.0+381+9a5b3c3b AppStream 1.9 M
python2-pip-wheel noarch 9.0.3-16.module_el8.2.0+381+9a5b3c3b AppStream 1.2 M
python2-pyyaml x86_64 3.12-16.module_el8.2.0+381+9a5b3c3b AppStream 191 k
python2-setuptools noarch 39.0.1-11.module_el8.2.0+381+9a5b3c3b AppStream 643 k
python2-setuptools-wheel noarch 39.0.1-11.module_el8.2.0+381+9a5b3c3b AppStream 289 k
python3-newt x86_64 0.52.20-11.el8 AppStream 64 k
python3-pip noarch 9.0.3-16.el8 AppStream 19 k
python3-unbound x86_64 1.7.3-11.el8_2 AppStream 118 k
qemu-guest-agent x86_64 15:2.12.0-99.module_el8.2.0+385+c644c6e8.2 AppStream 217 k
rsyslog x86_64 8.1911.0-3.el8 AppStream 730 k
slirp4netns x86_64 0.4.2-3.git21fdece.module_el8.2.0+305+5e198a41 AppStream 88 k
telnet x86_64 1:0.17-73.el8_1.1 AppStream 72 k
tzdata-java noarch 2020a-1.el8 AppStream 189 k
unbound-libs x86_64 1.7.3-11.el8_2 AppStream 499 k
xkeyboard-config noarch 2.28-1.el8 AppStream 782 k
NetworkManager x86_64 1:1.22.8-4.el8 BaseOS 2.4 M
NetworkManager-libnm x86_64 1:1.22.8-4.el8 BaseOS 1.7 M
NetworkManager-team x86_64 1:1.22.8-4.el8 BaseOS 136 k
NetworkManager-tui x86_64 1:1.22.8-4.el8 BaseOS 310 k
audit x86_64 3.0-0.17.20191104git1c2f876.el8 BaseOS 254 k
audit-libs x86_64 3.0-0.17.20191104git1c2f876.el8 BaseOS 116 k
bind-export-libs x86_64 32:9.11.13-3.el8 BaseOS 1.1 M
centos-gpg-keys noarch 8.2-2.2004.0.1.el8 BaseOS 12 k
centos-obsolete-packages noarch 8-4 BaseOS 8.5 k

Step 3: Install Node.js

After updating the system you need to first install nodejs using dnf install nodejs -y command as shown below. This command will search and install the latest nodejs package from the repository. Nodejs is a very popular tool for building backend of an application due to the popularity of Javascript and its ability to integrate with 3rd Party tools.

[root@localhost ~]# dnf install nodejs -y
CentOS-8 - AppStream 4.3 kB/s | 4.3 kB 00:00
CentOS-8 - AppStream 3.3 MB/s | 5.8 MB 00:01
CentOS-8 - Base 8.7 kB/s | 3.9 kB 00:00
CentOS-8 - Base 2.1 MB/s | 2.2 MB 00:01
CentOS-8 - Extras 3.1 kB/s | 1.5 kB 00:00
Extra Packages for Enterprise Linux Modular 8 - x86_64 8.0 kB/s | 8.3 kB 00:01
Extra Packages for Enterprise Linux Modular 8 - x86_64 36 kB/s | 154 kB 00:04
Extra Packages for Enterprise Linux 8 - x86_64 12 kB/s | 8.5 kB 00:00
Extra Packages for Enterprise Linux 8 - x86_64 1.8 MB/s | 7.1 MB 00:03
Google Cloud SDK 225 B/s | 454 B 00:02
Google Cloud SDK 4.0 MB/s | 39 MB 00:09
Dependencies resolved.
========================================================================================================================================================================
Package Architecture Version Repository Size
========================================================================================================================================================================
Installing:
nodejs x86_64 1:10.21.0-2.module_el8+9071+b2b61c14 epel-modular 93 k
Upgrading:
libnghttp2 x86_64 1.41.0-1.module_el8+9071+b2b61c14 epel-modular 78 k
Installing dependencies:
http-parser x86_64 2.9.4-1.module_el8+9071+b2b61c14 epel-modular 41 k
libuv x86_64 1:1.38.0-2.module_el8+9071+b2b61c14 epel-modular 154 k
nodejs-libs x86_64 1:10.21.0-2.module_el8+9071+b2b61c14 epel-modular 8.9 M
Installing weak dependencies:
nodejs-docs noarch 1:10.21.0-2.module_el8+9071+b2b61c14 epel-modular 3.5 M
nodejs-full-i18n x86_64 1:10.21.0-2.module_el8+9071+b2b61c14 epel-modular 7.3 M
npm x86_64 1:6.14.4-1.10.21.0.2.module_el8+9071+b2b61c14 epel-modular 3.8 M
Enabling module streams:
nodejs 10

Transaction Summary
========================================================================================================================================================================
Install 7 Packages
Upgrade 1 Package

Total download size: 24 M
Is this ok [y/N]: y
Downloading Packages:
(1/8): http-parser-2.9.4-1.module_el8+9071+b2b61c14.x86_64.rpm 47 kB/s | 41 kB 00:00
(2/8): libuv-1.38.0-2.module_el8+9071+b2b61c14.x86_64.rpm 145 kB/s | 154 kB 00:01
(3/8): nodejs-10.21.0-2.module_el8+9071+b2b61c14.x86_64.rpm 86 kB/s | 93 kB 00:01
(4/8): nodejs-full-i18n-10.21.0-2.module_el8+9071+b2b61c14.x86_64.rpm 2.5 MB/s | 7.3 MB 00:02
(5/8): nodejs-docs-10.21.0-2.module_el8+9071+b2b61c14.noarch.rpm 1.0 MB/s | 3.5 MB 00:03
(6/8): libnghttp2-1.41.0-1.module_el8+9071+b2b61c14.x86_64.rpm 348 kB/s | 78 kB 00:00
(7/8): npm-6.14.4-1.10.21.0.2.module_el8+9071+b2b61c14.x86_64.rpm 1.6 MB/s | 3.8 MB 00:02
(8/8): nodejs-libs-10.21.0-2.module_el8+9071+b2b61c14.x86_64.rpm 955 kB/s | 8.9 MB 00:09
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Total 2.1 MB/s | 24 MB 00:11
Running transaction check
Transaction check succeeded.
Running transaction test
Transaction test succeeded.
Running transaction
Running scriptlet: npm-1:6.14.4-1.10.21.0.2.module_el8+9071+b2b61c14.x86_64 1/1
Preparing : 1/1
Upgrading : libnghttp2-1.41.0-1.module_el8+9071+b2b61c14.x86_64 1/9
Installing : libuv-1:1.38.0-2.module_el8+9071+b2b61c14.x86_64 2/9
Installing : http-parser-2.9.4-1.module_el8+9071+b2b61c14.x86_64 3/9
Installing : nodejs-libs-1:10.21.0-2.module_el8+9071+b2b61c14.x86_64 4/9
Installing : nodejs-docs-1:10.21.0-2.module_el8+9071+b2b61c14.install ionic 5/9
Installing : nodejs-full-i18n-1:10.21.0-2.module_el8+install ionic.x86_64 6/9
Installing : npm-1:6.14.4-1.10.21.0.2.module_el8+9071+b2b61c14.x86_64 7/9
Installing : nodejs-1:10.21.0-2.module_el8+9071+b2b61c14.x86_64 8/9
Cleanup : libnghttp2-1.33.0-1.el8_0.1.x86_64 9/9
Running scriptlet: libnghttp2-1.33.0-1.el8_0.1.x86_64 9/9
Verifying : http-parser-2.9.4-1.module_el8+install ionic.x86_64 1/9
Verifying : libuv-1:1.38.0-2.module_el8+9071+b2b61c14.x86_64 2/9
Verifying : nodejs-1:10.21.0-2.module_el8+9071+b2b61c14.x86_64 3/9
Verifying : nodejs-docs-1:10.21.0-2.module_el8+9071+b2b61c14.noarch 4/9
Verifying : nodejs-full-i18n-1:10.21.0-2.module_el8+9071+b2b61c14.x86_64 5/9
Verifying : nodejs-libs-1:10.21.0-2.module_el8+9071+b2b61c14.x86_64 6/9
Verifying : npm-1:6.14.4-1.10.21.0.2.module_el8+9071+b2b61c14.x86_64 7/9
Verifying : libnghttp2-1.41.0-1.module_el8+9071+b2b61c14.x86_64 8/9
Verifying : libnghttp2-1.33.0-1.el8_0.1.x86_64 9/9

Upgraded:
libnghttp2-1.41.0-1.module_el8+9071+b2b61c14.x86_64

Installed:
nodejs-1:10.21.0-2.module_el8+9071+b2b61c14.x86_64 nodejs-docs-1:10.21.0-2.module_el8+9071+b2b61c14.noarch
nodejs-full-i18n-1:10.21.0-2.module_el8+9071+b2b61c14.x86_64 npm-1:6.14.4-1.10.21.0.2.module_el8+9071+b2b61c14.x86_64
http-parser-2.9.4-1.module_el8+9071+b2b61c14.x86_64 libuv-1:1.38.0-2.module_el8install ionic.x86_64
nodejs-libs-1:10.21.0-2.module_el8+9071+b2b61c14.x86_64

Complete!

Step 4: Check NPM and Node Version

If you want to check NPM command Version then you need to use npm -v command as shown below. Similarly to check node command version you need to use node -v command as shown below. As you can see from below output current npm version is 6.14.4 and node version is v10.21.0.

[root@localhost ~]# npm -v
6.14.4
[root@localhost ~]# node -v
v10.21.0

Step 5: Install Cordova in Linux

Then in next step you need to install cordova in Linux using npm install -g cordova command as shown below. Apache Cordova is an Open Source mobile development framework. This enables us to use the web framework technologies like HTML, CSS and Javascript for Cross Platform Development.

[root@localhost ~]# npm install -g cordova
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
/usr/local/bin/cordova -> /usr/local/lib/node_modules/cordova/bin/cordova
+ cordova@9.0.0
added 432 packages from 355 contributors in 41.519s

Step 6: Check Cordova Version

If you want to check cordova version then you need to use cordova -v command as shown below. As you can see from below output current cordova version is 9.0.0.

[root@localhost ~]# cordova -v
9.0.0 (cordova-lib@9.0.1)

Step 7: Install Ionic Framework in Linux

Now to install Ionic Framework in Linux you need to use npm install -g @ionic/cli command as shown below. As you can see installing ionic through npm command added 228 packages from 156 Contributors.

[root@localhost ~]# npm install -g @ionic/cli
/usr/local/bin/ionic -> /usr/local/lib/node_modules/@ionic/cli/bin/ionic
+ @ionic/cli@6.10.1
added 228 packages from 156 contributors in 23.916s

Step 8: Check Ionic version

After successful installation you can check the Ionic version using ionic -v command as shown below. As you can see from below output, current ionic version is 6.10.1.

[root@localhost ~]# ionic -v
6.10.1

Step 9: Create a New Ionic Application

Let’s create a Sample application myApp using ionic start myApp tabs command as shown below. This command will create all the required application files automatically and will launch the App for you. That’s why Nodejs is always preferred as it reduces the overhead of creating required file structures manually.

[root@localhost ~]# ionic start myApp tabs

Pick a framework! ????

Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for the
--type option.

? Framework: Angular
✔ Preparing directory ./myApp - done!
✔ Downloading and extracting tabs starter - done!
? Integrate your new app with Capacitor to target native iOS and Android? Yes
> ionic integrations enable capacitor --quiet -- myApp io.ionic.starter
> npm i --save -E @capacitor/core
npm notice created a lockfile as package-lock.json. You should commit this file.
+ @capacitor/core@2.2.1
added 2 packages from 2 contributors and audited 2 packages in 3.397s
found 0 vulnerabilities

> npm i -D -E @capacitor/cli
+ @capacitor/cli@2.2.1
added 56 packages from 90 contributors and audited 58 packages in 9.418s
found 1 low severity vulnerability
run `npm audit fix` to fix them, or `npm audit` for details
> capacitor init myApp io.ionic.starter --web-dir www --npm-client npm

???? Your Capacitor project is ready to go! ????

Add platforms using "npx cap add":

npx cap add android
npx cap add ios
npx cap add electron

Follow the Developer Workflow guide to get building:
https://capacitorjs.com/docs/basics/workflow

[OK] Integration capacitor added!

Installing dependencies may take several minutes.

──────────────────────────────────────────────────────────────────────────────

Ionic Advisory, tailored solutions and expert services by Ionic

Go to market faster ????
Real-time troubleshooting and guidance ????
Custom training, best practices, code and architecture reviews ????
Customized strategies for every phase of the development lifecycle ????

???? https://ion.link/advisory ????

──────────────────────────────────────────────────────────────────────────────

> npm i
npm WARN deprecated tslint@6.1.2: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information.
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated

> core-js@3.6.4 postinstall /root/myApp/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

> @angular/cli@9.1.10 postinstall /root/myApp/node_modules/@angular/cli
> node ./bin/postinstall/script.js

? Would you like to share anonymous usage data with the Angular Team at Google under
Google’s Privacy Policy at https://policies.google.com/privacy? For more details and
how to change this setting, see http://angular.io/analytics. No
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.1.2 (node_modules/rollup/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN notsup Unsupported engine for watchpack-chokidar2@2.0.0: wanted: {"node":"<8.10.0"} (current: {"node":"10.21.0","npm":"6.14.4"})
npm WARN notsup Not compatible with your version of node/npm: watchpack-install ionic@2.0.0
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/watchpack-chokidar2/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/webpack-dev-server/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 1454 packages from 1156 contributors and audited 1517 packages in 179.506s

53 packages are looking for funding
run `npm fund` for details

found 297 low severity vulnerabilities
run `npm audit fix` to fix them, or `npm audit` for details
> git init
Initialized empty Git repository in /root/myApp/.git/

Join the Ionic Community! ????

Connect with millions of developers on the Install Ionic Forum and get access to live events, news updates, and more.

? Create free Ionic account? No
> git add -A
> git commit -m "Initial commit" --no-gpg-sign
[master (root-commit) 2134239] Initial commit
62 files changed, 15682 insertions(+)
create mode 100644 .gitignore
create mode 100644 angular.json
create mode 100644 browserslist
create mode 100644 capacitor.config.json
create mode 100644 e2e/protractor.conf.js
create mode 100644 e2e/src/app.e2e-spec.ts
create mode 100644 e2e/src/app.po.ts
create mode 100644 e2e/tsconfig.json
create mode 100644 ionic.config.json
create mode 100644 karma.conf.js
create mode 100644 package-lock.json
create mode 100644 package.json
create mode 100644 src/app/app-routing.module.ts
create mode 100644 src/app/app.component.html
create mode 100644 src/app/app.component.scss
create mode 100644 src/app/app.component.spec.ts
create mode 100644 src/app/app.component.ts
create mode 100644 src/app/app.module.ts
create mode 100644 src/app/explore-container/explore-container.component.html
create mode 100644 src/app/explore-container/explore-container.component.scss
create mode 100644 src/app/explore-container/explore-container.component.spec.ts
create mode 100644 src/app/explore-container/explore-container.component.ts
create mode 100644 src/app/explore-container/explore-container.module.ts
create mode 100644 src/app/tab1/tab1-routing.module.ts
create mode 100644 src/app/tab1/tab1.module.ts
create mode 100644 src/app/tab1/tab1.page.html
create mode 100644 src/app/tab1/tab1.page.scss
create mode 100644 src/app/tab1/tab1.page.spec.ts
create mode 100644 src/app/tab1/tab1.page.ts
create mode 100644 src/app/tab2/tab2-routing.module.ts
create mode 100644 src/app/tab2/tab2.module.ts
create mode 100644 src/app/tab2/tab2.page.html
create mode 100644 src/app/tab2/tab2.page.scss
create mode 100644 src/app/tab2/tab2.page.spec.ts
create mode 100644 src/app/tab2/tab2.page.ts
create mode 100644 src/app/tab3/tab3-routing.module.ts
create mode 100644 src/app/tab3/tab3.module.ts
create mode 100644 src/app/tab3/tab3.page.html
create mode 100644 src/app/tab3/tab3.page.scss
create mode 100644 src/app/tab3/tab3.page.spec.ts
create mode 100644 src/app/tab3/tab3.page.ts
create mode 100644 src/app/tabs/tabs-routing.install ionic
create mode 100644 src/app/tabs/tabs.module.ts
create mode 100644 src/app/tabs/tabs.page.html
create mode 100644 src/app/tabs/tabs.page.scss
create mode 100644 src/app/tabs/tabs.page.spec.ts
create mode 100644 src/app/tabs/tabs.page.ts
create mode 100644 src/assets/icon/favicon.png
create mode 100644 src/assets/shapes.svg
create mode 100644 src/environments/environment.prod.ts
create mode 100644 src/environments/environment.ts
create mode 100644 src/global.scss
create mode 100644 src/index.html
create mode 100644 src/main.ts
create mode 100644 src/polyfills.ts
create mode 100644 src/test.ts
create mode 100644 src/theme/variables.scss
create mode 100644 src/zone-flags.ts
create mode 100644 tsconfig.app.json
create mode 100644 tsconfig.json
create mode 100644 tsconfig.spec.json
create mode 100644 tslint.json

Your Ionic app is ready! Follow these next steps:

- Go to your new project: cd ./myApp
- Run ionic serve within the app directory to see your app in the browser
- Run ionic capacitor add to add a native iOS or Android project using Capacitor
- Generate your app icon and splash screens using cordova-res --skip-config --copy
- Explore the Ionic docs for components, tutorials, and more: https://ion.link/docs
- Building an enterprise app? Ionic has Enterprise Support and Features: https://ion.link/enterprise-edition

Step 10: Run Your Ionic Application

As shown in previous Step output, you need to go to myApp directory using cd myApp command and run ionic serve command to see your Application in the Browser.

[root@localhost ~]# cd myApp/
[root@localhost myApp]# ionic serve
> ng run app:serve --host=localhost --port=8100
[ng] Compiling @angular/core : es2015 as esm2015
[ng] Compiling @angular/common : es2015 as esm2015
[ng] Compiling @angular/common/http : es2015 as esm2015
[ng] Compiling @angular/common/http/testing : es2015 as esm2015
[ng] Compiling @angular/core/testing : es2015 as esm2015
[ng] Compiling @angular/platform-browser : es2015 as esm2015
[ng] Compiling @angular/platform-browser-dynamic : es2015 as esm2015
[ng] Compiling @angular/platform-browser/testing : es2015 as esm2015
[ng] Compiling @angular/compiler/testing : es2015 as esm2015
[ng] Compiling @angular/platform-browser-dynamic/testing : es2015 as esm2015
[ng] Compiling @angular/common/testing : es2015 as esm2015
[ng] Compiling @angular/router : es2015 as esm2015
[ng] Compiling @angular/router/testing : es2015 as esm2015
[ng] Compiling @angular/forms : es2015 as esm2015
[ng] Compiling @ionic/angular : es2015 as esm2015
[ng] Compiling @ionic-native/core : module as esm5
[ng] Compiling @ionic-native/splash-screen : module as esm5
[ng] Compiling @ionic-native/status-bar : module as esm5
[ng] chunk {} 0.js, 0.js.map () 31.1 kB [rendered]
[ng] chunk {common} common.js, common.js.map (common) 22.2 kB [rendered]
[ng] chunk {focus-visible-15ada7f7-js} focus-visible-15ada7f7-js.js, focus-visible-15ada7f7-js.js.map (focus-visible-15ada7f7-js) 2.11 kB [rendered]
[ng] chunk {input-shims-d4609e0d-js} input-shims-d4609e0d-js.js, input-shims-d4609e0d-js.js.map (input-shims-d4609e0d-js) 15.3 kB [rendered]
[ng] chunk {keyboard-a2b5e51d-js} keyboard-a2b5e51d-js.js, keyboard-a2b5e51d-js.js.map (keyboard-a2b5e51d-js) 7.28 kB [rendered]
[ng] chunk {main} main.js, main.js.map (main) 23.8 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 268 kB [initial] [rendered]
[ng] chunk {polyfills-core-js} polyfills-core-js.js, polyfills-core-js.js.map (polyfills-core-js) 78.7 kB [rendered]
[ng] chunk {polyfills-css-shim} polyfills-css-shim.js, polyfills-css-shim.js.map (polyfills-css-shim) 10.5 kB [rendered]
[ng] chunk {polyfills-dom} polyfills-dom.js, polyfills-dom.js.map (polyfills-dom) 38.5 kB [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 9.64 kB [entry] [rendered]
[ng] chunk {shadow-css-7f9c6860-js} shadow-css-7f9c6860-js.js, shadow-css-7f9c6860-js.js.map (shadow-css-7f9c6860-js) 15.9 kB [rendered]
[ng] chunk {status-tap-171795fe-js} status-tap-171795fe-js.js, status-tap-171795fe-js.js.map (status-tap-171795fe-js) 1.6 kB [rendered]
[ng] chunk {styles} styles.js, styles.js.map (styles) 99.3 kB [initial] [rendered]
[ng] chunk {swipe-back-0a6a44c8-js} swipe-back-0a6a44c8-js.js, swipe-back-0a6a44c8-js.js.map (swipe-back-0a6a44c8-js) 3.05 kB [rendered]
[ng] chunk {swiper-bundle-95afeea2-js} swiper-bundle-95afeea2-js.js, swiper-bundle-95afeea2-js.js.map (swiper-bundle-95afeea2-js) 200 kB [rendered]
[ng] chunk {tab1-tab1-module} tab1-tab1-module.js, tab1-tab1-module.js.map (tab1-tab1-module) 7.24 kB [rendered]
[ng] chunk {tab2-tab2-module} tab2-tab2-module.js, tab2-tab2-module.js.map (tab2-tab2-module) 7.24 kB [rendered]
[ng] chunk {tab3-tab3-module} tab3-tab3-module.js, tab3-tab3-module.js.map (tab3-tab3-module) 7.58 kB [rendered]
[ng] chunk {tabs-tabs-module} tabs-tabs-module.js, tabs-tabs-module.js.map (tabs-tabs-module) 8.25 kB [rendered]
[ng] chunk {tap-click-252af35a-js} tap-click-252af35a-js.js, tap-click-252af35a-js.js.map (tap-click-252af35a-js) 6.22 kB [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 5.15 MB [initial] [rendered]
[ng] Date: 2020-07-02T01:41:26.432Z - Hash: 61b834df7260ef8a40fc - Time: 72606ms
[INFO] ... and 76 additional chunks
[ng] : Compiled successfully.
[ng] WARNING in /root/myApp/src/test.ts is part of the TypeScript compilation but it's unused.
[ng] Add only entry points to the 'files' or 'include' properties in your tsconfig.
[ng] WARNING in /root/myApp/src/environments/environment.prod.ts is part of the TypeScript compilation but it's unused.
[ng] Add only entry points to the 'files' or 'include' properties in your tsconfig.

[INFO] Development server running!

Local: http://localhost:8100

Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

 

 

 

Popular Recommendations:-

Ionic Framework Documentation

How to Set MariaDB root password in RHEL/CentOS 7/8 Using Simple mysql_secure_installation

How to Install AWS CLI in Linux (RedHat/CentOS 7/8) Using 6 Easy Steps

11 Useful LVM(lvcreate, pvcreate and vgcreate) command examples on Linux

How to Install and Configure FTP Server(vsftpd) in Linux (RedHat/CentOS 7/8) Using 8 Easy Steps

20 Useful Linux History Command Examples | Bash Command History

How to Install PHP on Ubuntu 18.04

How to Install Ruby on Ubuntu 18.04 with Easy Steps

How to Install Ruby on CentOS/RedHat 7 in 5 Easy Steps

33 Practical Examples of ulimit command in Linux/Unix for Professionals

Install Node.js in 6 Easy Steps on Ubuntu 18.04

How to Install NVM for Node.js on Ubuntu 18.04

Limit CPU Usage of a Process in Linux with CPULimit tool 

How to Install Ionic Framework Using CLI in Linux

Apache Cordova Documentation

Leave a Comment