Quantcast
Channel: Kursus Website Terbaik
Viewing all articles
Browse latest Browse all 2170

Bagaimana Cara Instalasi Angular 4 Dengan CLI

$
0
0

Pada tutorial kali ini saya akan membahas tentang ANGULAR yaitu Bagaimana Cara Instalasi Angular 4 Dengan CLI, berbeda dengan versi angular sebelumnya yaitu ANGULAR JS jika  pada versi angular js  kita menggunakan Javascript sebagai bahasa utamanya dan untuik angular versi 4 atau angular 4 tidak  lagi menggunakan javascript sebagai bahasa melainkan menggunkan TYPESCRIPT.

Sebenarnya penggunaan typescript pada anguar sudah di terapkan pada angular 2  , tetapi pada saat saya menulis artikel ini angular sudah sampai versi yang ke 4 dan lebih baik saya memberikan cara instal untuk angular versi yang terbaru bukan ? 🙂  nah untuk angular 2 lalu sekarang angular 4 sebenarnya tidak banyak perbedaan tetapi ada perbaikan saja.

oke baiklah kita mulai saja ya :

Dependencies

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

  • node.js dan npm terbaru
  • Pastikan kalian bisa menggunakan CLI (command line interface) kalo di windows :CMD

Saya peribadi menggunakan IDE Visual Studio Code alasanya karena VSC sudah memiliki fitur TERMINAL untuk melakukan perintah-perintah dalam bentuk command line.

*JIka menginstal node.js maka otomatis menginstal npm

Lalu cek apakah sudah terinstal :

jika gagal menginstal node.js maka akan muncul error unrecognized tetapi jika berhasil maka akanj meuncul versi node.js nya.

Installing Angular 4 with the CLI

Selanjutnya, kita perlu menginstal Angular-CLI. Tools ini memungkinkan Anda membuat proyek Angular membantu Anda dalam berbagai tugas pengembangan, di dalam console ketikan command berikut :

Jika berhasil, lalu ketikan command berikut :

Dan jika muncul gambar berikut  maka proses instalasi Angular 4 anda berhasil :

Buat folder project lalu jalankan project

Setelah berhasil di instal silahkan buat project name dengan perintah berikut :

Setalah beberapa menit membuat project name lalu jalankan project nya dengan menggunakan perintah berikut:

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

Baiklah teman-teman itu saja dari saya untuk artikel tentang Bagaimana Cara Instalasi Angular 4 Dengan CLI, sampai bertemu pada artikel selanjutya

 

 

The post Bagaimana Cara Instalasi Angular 4 Dengan CLI appeared first on Kursus Website Terbaik.


Viewing all articles
Browse latest Browse all 2170

Trending Articles