Angular 7 Tutorial (SMK TI)

Instalasi Web dengan Angular

SMK Jurusan Teknologi Informasi

Angular

Instalasi Program

1. Download master installer node.js di web https://nodejs.org/
2. Install pada folder pilihan anda (umumnya di letakkan di c: pada folder program file).
3. Persiapkan lokasi folder dimana project program yang akan anda buat.

node.js

4. Download Microsoft Visual Code untuk edit coding file.


Instalasi Angular CLI

Setelah instalasi software selesai, maka langkah selanjutnya adalah:
1. Buka Microsof Visual Code, pilihlah folder dimana project program yang akan dibuat.
2. Pilih menu View Terminal (untuk menjalankan dos prompt seperti pada cmd)

npm -g install @angular/cli

Check the installed version:

ng version

Output:

    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 6.0.0
Node: 8.11.1
OS: linux x64
Angular: 
... 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.6.0
@angular-devkit/core         0.6.0
@angular-devkit/schematics   0.6.0
@schematics/angular          0.6.0
@schematics/update           0.6.0
rxjs                         6.1.0
typescript                   2.7.2

 ---

Project Baru, contoh damaruta

ng new damaruta

Folder hasil ng new