Cara Menginstal Kerangka Ionic di Debian 11

Ionic Framework adalah toolkit gratis dan open-source untuk membangun aplikasi seluler dan desktop yang berkinerja tinggi dan berkualitas tinggi. Ionic hadir dengan integrasi untuk kerangka kerja populer seperti Angular, React, dan Vue dan merupakan salah satu kerangka kerja yang lebih populer di kalangan pengembang saat ini di bidang aplikasi seluler.

Dalam tutorial berikut, Anda akan mempelajari cara menginstal Ionic Framework di Debian 11 Bullseye Anda, membuat dependensinya, sebuah proyek , dan pelajari cara memulai aplikasi pengujian .

Prasyarat

• OS yang Disarankan: Debian 11 Bullseye
• Akun pengguna: sudo atau akses root
• Paket yang Diperlukan: curl, gnupg2 wget &Node.js

Memperbarui Sistem Operasi

Pertama, sebelum apa pun, perbarui Debian Anda sistem operasi untuk memastikan semua paket yang ada mutakhir:

sudo apt update && sudo apt full-upgrade -y

Instal Ketergantungan yang Diperlukan

Untuk memastikan penginstalan berjalan lancar sesuai dengan tutorial kami, jalankan perintah berikut, yang akan menginstal paket yang hilang:

sudo install curl gnupg2 wget -y

Instal Node.js 14 LTS di Debian 11

Kerangka kerja Ionic perlu diinstal Node.js. Debian 11 tidak hadir dengan versi terbaru yang diperbarui di repositorinya, jadi disarankan untuk menginstal Node.js dari sumbernya. Untuk melakukannya, ikuti langkah-langkah di bawah ini:

Tambahkan Node.js repositori menggunakan perintah berikut:

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -

Jika Anda lebih suka menginstal NON-LTS Node.js latest terbaru rilis, yaitu versi 16 , gunakan yang berikut ini sebagai gantinya:

curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash -

Sekarang setelah Anda menginstal repositori, instal Node.js sebagai berikut:

sudo apt install nodejs

Konfirmasi versi dan build Node.js yang telah terpasang:

node --version

Contoh keluaran:

v14.17.5

Instal Cordova menggunakan NPM Pada Debian 11

Anda perlu menginstal Cordova ke sistem operasi Debian 11 Anda menggunakan perintah NPM . Ini juga akan menginstal semua dependensi yang diperlukan:

sudo npm install -g cordova

Instal Kerangka Ionic di Debian 11

Untuk menginstal kerangka Ionic, jalankan perintah berikut:

sudo npm i -g @ionic/cli

Catatan, @ionic/cli adalah nama baru dari paket jika Anda telah menginstalnya sebelumnya.

Terakhir, periksa versi dengan yang berikut ini:

ionic -v

Contoh keluaran:

6.17.0

Buat Uji Proyek

Untuk menguji Ionic, cara terbaik untuk melakukannya adalah dengan membuat proyek kecil yang cepat. Untuk melakukannya, ikuti langkah-langkah sebagai berikut:

Pertama, mulai Ionic:

ionic start

Selanjutnya, Anda akan diminta dengan wizard pembuatan, ketik N, dan masukkan kunci untuk melanjutkan:

Sekarang Anda akan diminta untuk memilih kerangka seperti di bawah ini:

Pilih kerangka kerja yang ingin Anda gunakan, dan ini akan menginstal semua perangkat lunak dan dependensi yang diperlukan.

Anda akan diminta untuk memberi nama proyek Anda seperti di bawah ini:

Masukkan nama proyek Anda dan tekan enter untuk melanjutkan.

Di bagian terakhir, Anda akan diminta untuk memilih apakah Anda menyukai template pemula :

Pilih template awal untuk proyek Anda, gunakan tombol panah untuk menavigasi, dan tekan tombol enter untuk menyelesaikan.

Perhatikan, Anda akan ditanya apakah ingin membuat akun forum Ionic , ketik Y atau N , maka Anda akan sampai pada hasil akhir aplikasi Anda sudah siap:

Mulai Tes Aplikasi Anda

Setelah aplikasi Anda siap, CD ke dalam direktori dan mulai aplikasi :

cd ./HelloWorld && ionic serve --host 0.0.0.0 --port 8100

Catatan, ganti ./HelloWorld dengan nama aplikasi Anda .

Setelah aplikasi selesai dikompilasi, Anda akan mendapatkan output berikut:

Sekarang, ini akan secara otomatis meluncurkan browser web Anda dan mengakses aplikasi Anda. Jika ini tidak terjadi, gunakan URL berikut:

http://server-ip:8100

Halaman Browser Internet Anda harus seperti di bawah ini:

Dan hanya itu, Anda telah menginstal dan berhasil membuat proyek uji.