Bagaimana Cara Instalasi Angular 4 Dengan CLI

Di panduan kali ini saya akan membahas mengenai ANGULAR yaitu Bagaimana Cara Instalasi Angular 4 Dengan CLI, berbeda dengan versi angular sebelumnya yaitu ANGULAR JS seandainya  di versi angular js  kita menggunakan Javascript selaku bahasa utamanya dan untuik angular versi 4 atau angular 4 tak  lagi menggunakan javascript selaku bahasa melainkan menggunkan TYPESCRIPT.



Sesungguhnya pemakaian typescript di anguar telah di terapkan di angular 2  , tetapi di ketika saya menulis artikel ini angular telah hingga versi yang ke 4 dan lebih bagus saya memberikan cara instal bagi angular versi yang terbaru bukan ? 🙂  nah bagi angular 2 lalu kini angular 4 sebetulnya tak banyak perbedaan tetapi ada perbaikan saja.



oke baiklah kita mulai saja ya :



Dependencies



Sebelum kita memulai instalasi , pastikan kalian telah menginstal dependency  berikut :




  • node.js dan npm terbaru


  • Pastikan kalian dapat menggunakan CLI (command line interface) kalo di windows :CMD



Saya peribadi menggunakan IDE Visual Studio Code alasanya karena VSC telah mempunyai fitur TERMINAL bagi menjalankan perintah-perintah pada format command line.



*JIka menginstal node.js karenanya otomatis menginstal npm



Lalu cek apakah telah terinstal :




seandainya gagal menginstal node.js karenanya akan muncul error unrecognized tetapi seandainya berhasil karenanya akanj meuncul versi node.js nya.



Installing Angular 4 with the CLI



Berikutnya, kita perlu menginstal Angular-CLI. Tools ini memungkinkan Sahabat merancang proyek Angular menolong Sahabat pada beraneka fungsi pengembangan, di pada console ketikan command berikut :





Jikalau berhasil, lalu ketikan command berikut :





Dan seandainya muncul gambar berikut  karenanya proses instalasi Angular 4 sahabat berhasil :





Bikin folder project lalu jalankan project



Setelah berhasil di instal silahkan bikin project name dengan command berikut :





Setalah beberapa menit merancang project name lalu jalankan project nya dengan menggunakan command berikut:





Secara default project kita kan di jalankan di http://localhost:4200, copy lalu pastekan di addres broswernya angular 4 siap bagi di gunakan. 🙂



Baiklah teman-teman itu saja dari saya bagi artikel mengenai Bagaimana Cara Instalasi Angular 4 Dengan CLI, hingga bertemu di artikel selanjutya



 



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP