Post Detail

Untuk membuat project baru di angular-cli langkah - langkahnya adalah sebagai berikut :

ng new frontend

Keterangan dari sintak di atas :

ng adalah prefix dari angular

new adalah membuat project baru

frontend adalah nama project itu sendiri

Jadi ketika menjalankan syntak diatas maka akan ada respon seperti ini :

installing ng
  create .editorconfig
  create README.md
  create src\app\app.component.css
  create src\app\app.component.html
  create src\app\app.component.spec.ts
  create src\app\app.component.ts
  create src\app\app.module.ts
  create src\assets\.gitkeep
  create src\environments\environment.prod.ts
  create src\environments\environment.ts
  create src\favicon.ico
  create src\index.html
  create src\main.ts
  create src\polyfills.ts
  create src\styles.css
  create src\test.ts
  create src\tsconfig.app.json
  create src\tsconfig.spec.json
  create src\typings.d.ts
  create .angular-cli.json
  create e2e\app.e2e-spec.ts
  create e2e\app.po.ts
  create e2e\tsconfig.e2e.json
  create .gitignore
  create karma.conf.js
  create package.json
  create protractor.conf.js
  create tsconfig.json
  create tslint.json
Successfully initialized git.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Project 'frontend' successfully created.

Setelah new project selesai lalu change directory ke project dan jalankan mode developernya

cd frontend
ng serve --open

Tunggu proses menjalankan mode developer sekitar 2 menit kuran maka akan keluar jendela browser baru kira - kira seperti ini :