26.2 C
Pematangsiantar
Sabtu, November 26, 2022

Artikel Terbaru

Cara Instal Ionic Framework di Windows 7 / 8 / 10

- Advertisement -

Sebelum memulai untuk memasang atau instal aplikasi ionic framework ini di home windows, kamu harus memiliki beberapa aplikasi pendukung atau bisa saja disebut plugin. Ionic digunakan untuk membangun sebuah aplikasi cell dengan menggunakan bahasa web site seperti HTML5, CSS, PHP serta javascript dan lainnya.

Hal yang perlu diperhatikan dan kamu obtain terlebih dahulu sebelum melakukan pemasangan ionic di home windows kamu. Ionic adalah sebuah net developer construct untuk para developer untuk membuat aplikasi berbasis hybrid apple, android, ios dan sebagainya.

1. Git Home windows

Kamu dapat mendownload di hyperlink berikut dengan mengunjungi situs Git Home windows untuk ionic di google atau mengunjungi Hyperlink: Git Windows

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

2. Membutuhkana NodeJs

Kamu bisa mendownload NoeJs untuk keperluan ionic melalui pencari google dengan mengetikan obtain NodeJs atau dengan mengunjungi Hyperlink: NodeJs

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

3. Aplikasi Command Immediate Home windows

Aplikasi CMD adalah aplikasi terminal home windows bawaan atau default sudah ada di system home windows sendiri baik home windows 7, home windows 8, home windows 10 dan lain-lain.

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

4. Java JDK Replace

Aplikasi JDK adalah aplikasi yang dibutuhkan untuk penginstalan atau pemasangan program ionic di komputer kamu. Dengan menginstall terbaru dan mengubah path di PC kamu dapat menjalankan ionic nantinya. Untuk mendownload JDK Replace terbaru kamu dapat mengetikan di google dengan katak kunci Obtain Java JDK atau dengan cara mengunjungi hyperlink: Java JDK
Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Cara Set up Ionic Framework di Home windows

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

1. Pertama Set up JDK Path Terbaru

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

https://boimeningkat.com/wp-content/uploads/2022/10/angular-java-jdk.png

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

https://boimeningkat.com/wp-content/uploads/2022/10/angular-java-jdk.png

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

https://boimeningkat.com/wp-content/uploads/2022/10/angular-java-jdk.png

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

https://boimeningkat.com/wp-content/uploads/2022/10/angular-java-jdk.png

Dan apabila ada tampilan aneh saat proses penginstalan ionic, silahkan letakan komentar kamu dibawah postingan beirkut ini ya.

Beberapa kasus saat proses pemasangan nodeJs akan banyak kasus, misalkan sepeperti kasus dimana muncul tampilan Shell di komputer ketika selesai pemasangan nodeJs

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

** Tampilan diatas, Disarankan menunggu tampilan tersebut sampai selesai pemasangan beberapa plugin atau listing misalkan seperti python dan visible studio. Dibutuhkan koneksi web agar pemasangan tersebut dapat dilakukan sampai selesai 100% dan penuh sabar.

Setelah semua selesai. Reqruitment untuk penginstalan Ionic. Kembali lagi ke situs Ionic Framework di ionicframework.com untuk memahami lebih banyak tentang ionic.

3. Selanjutnya pada pada Enviroment Variables ubah dan arahkan ke java sdk bin terbaru secara default yaitu C:Program FilesJavajdk-15.0.1bin

4. Langkah semua nya sudah terinstal, Agar dapat menginstall ionic adalah dengan cara membuka Command Immediate secara Administrator ya. Seperti gambar berikut

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Selanjutnya menginstal ionic dengan mengetikkan npm set up -g ionic dan pastikan koneksi web mu lancar dan tidak lelet. Gambar proses instal npm seperti berikut.

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

5. Setelah pemasangan semua selesai dengan benar,  maka kamu bisa membuat aplikasi pertama di ionic dengan menggunakan perintah ionic begin myApp tabs dan kamu bisa memilih framework Angular atau React

Seperti pada gambar berikut

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Pada konteks diatas, kita memilih angular js dahulu ya. Dengan menekan tombol keyboard kamu dapat memilih kebawah dan keatas. Lalu tekan enter.

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Proses pemasangan ionic untuk folder app kamu akan siap di pasang menggunakan framework ionic, pastikan koneksi web kamu stabil dan kencang sampai semua terpasang dengan baik. Seperti gambar berikut ini

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Ketikan saja sure atau Y untuk informasi selanjutnya, segala information aktivitas kamu di amankan atau dibawah aturan google.

Selesai tampilan undertaking berhasil di create dengan nama Myapp seperti tampilan berikut ini

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Ketikan saja sure atau Y untuk informasi selanjutnya, segala information aktivitas kamu di amankan atau dibawah aturan google.

Selesai tampilan undertaking berhasil di create dengan nama Myapp seperti tampilan berikut ini

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Penjelasan beberapa Subsequent Steps diatas adalah;

cd .myApp adalah nama listing atau folder yang berhasil di create tadi dengan perintah began ionic diatas kalau teman-teman ingat kita pernah mengetikan perintah tersebut. Lalu terbentuklah folder dengan undertaking yang sudah di obtain ke dalam komputer PC kamu sendiri

ionic serve adalah perintah untuk menjalankan program undertaking yang sudah dibuat tadi, agar dapat ditampilkan di browser atau smartphone dibutuh perintah ionic serve tersebut

Silahkan masuk ke folder myApp dengan mengetikan perintah cd myApp maka listing path di command immediate akan berubah dari D:BOIM  menjadi D:BOIMmyApp seperti terlihat pada gambar berikut ini

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Selanjutnya untuk menjalankan undertaking tersebut cukup ketikan perintah ionic serve pada listing yang sudah diubah sebelumnya. Seperti tampilan berikut

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Selanjutnya compiling undertaking berhasil dan akan membuka sebuah jendela default browser kamu. Venture ditampilkan layaknya aplikasi android yang berada dan tampil dibrowser. Seperti gambar contoh berikut

Cara Instal Ionic Framework di Windows 7 / 8 / 10
Cara Instal Ionic Framework di Home windows 7 / 8 / 10

Sukses dan selesai pemasangan ionic beserta pembuatan undertaking pertama di ionic terbaru 2020, Cara set up ionic framework di home windows dapat kamu coba pada versi Home windows 7 / 8 / 10 dengan particulars yang hampir mirip prosesnya.

Apabila kamu memiliki keluh kesah pada langkah dan tutorial diatas, boleh kamu berikan komentar agar saya bisa bantu jawab. Terima kasih.

Latest Posts

Jangan Terlewatkan!

Artikel ke Email

Agar mendapatkan informasi terbaru dari #boimeningkat silahkan konfirmasi alamat email Anda disini