lifelong learner — urip iku urup, currently working on accenture.

Cara install angular dan angular cli

1
Degananda.com -

Mengapa harus menggunakan angular cli

Angular adalah framework single page application yang didevelop dan dibackup oleh google. Angular ditulis dengan menggunakan javascript dan typescript(superset dari javascript). Cara termudah dan paling direkomendasikan oleh google untuk menginstall angular adalah dengan menggunakan angular-cli. CLI merupakan singkatan dari command line interface. Melalui cli ini anda dapat terbantu dibanyak hal sehingga tidak semua anda koding secara manual. Contohnya

  1. Membuat project yang langsung terbundle dengan webpack, babel, dan tools – tools lainnya.
  2. Membuat komponen, pipe, model, services/provider, directive, interface, enum, dan lain sebagainnya secara otomatis
  3. Testing (e2e pada browser ataupun untuk uji fungsionalitas kode).
  4. Deploy project dan melakukan optimasi (minfiy , AOT/a head of time, dan lain sebagainnya)
  5. Dan berbagai fitur lainya.

Intinnya angular-cli ini akan memberikan banyak sekali kemudahan sehingga anda dapat fokus pada sisi koding tanpa terlalu banyak melakukan konfigurasi.

Let you do the coding of application and angular-cli will do the rest.

Persiapan

Terdapat tiga hal yang harus kita pastikan sebelum melakukan installasi angular cli yaitu

  1. Node. Versi yang dibutuhkan adalah 6.9.0+. Silahkan menuju ke https://nodejs.org/en untuk mendownload dan install nodejs. Simpel cukup ikuti wizard. Dengan menginstall node maka secara otomatis menginstall npm.
  2. Npm (node package manager). Versi yang dibutuhkan adalah 3+
  3. Git

untuk memastikan versi node dan bukti bahwa node telah terinstall anda dapat menggunakan perintah

node -v

untuk memastikan versi npm dan bukti bahwa npm telah terinstall  anda dapat menggunakan perintah

npm -v

untuk memastikan versi git dan bukti bahwa git telah terinstall  anda dapat menggunakan perintah

git --version

ini adalah hasil pada local machine(laptop yang digunakan) kami

Installasi

Untuk mengetahui versi terahir dari angular-cli anda dapat menuju ke halaman github dibawah ini

https://github.com/angular/angular-cli

anda dapat scroll kebawah dan melihat gambar dibawah ini. Npm next akan menunjukan saat ini angular cli sedang berada diversi berapa.

untuk dapat melihat perubahan-perubahan/update (change log) yang terjadi pada angular cli seperti penambahan-fitur , bug, fixing bug maka jangan lupa untuk selalu melakukan cek pada daftar release angular cli

https://github.com/angular/angular-cli/releases

Rajin-rajinlah melihat halaman tersebut agar selalu up to date dengan perkembangan angular cli. Sehingga ketika terjadi error mudah untuk melakukan troubleshooting.

Kemudian untuk menginstall angular cli maka gunakanlah perintah dibawah ini.

npm install -g @angular/cli

setelah proses installasi pastikan angular cli telah terinstall dengan benar dan cek kembali versinnya dengan menggunakan perintah

ng -v

Update angular cli

Cara melakukan update angular cli adalah dengan melakukan installasi kembali angular cli pada level lokal dan global (local & globally). Jangan lupa pada saat install dilocal maka hapus node_modules terlebih dahulu. Pastikan jika melakukan update selalu update lokal dan global untuk menghindari conflict. Sehingga stepnya adalah seperti berikut ini untuk mengupdate angular cli.

  1. uninstall angular-cli secara global, mungkin membutuhkan sudo untuk sistem operasi linux/unix
    npm uninstall -g angular-cli
  2. clear cache dari npm untuk menghindari conflict
    npm cache clean
  3. install angular dengan versi terahir (latest) , mungkin membutuhkan sudo untuk sistem operasi linux/unix
    npm install -g @angular/cli@latest
  4. hapus node_modules atau jika anda folder dist (hasil build project angular)
    rm -rf node_modules dist
  5. install angular cli secara locally
    npm install --save-dev @angular/cli@latest
  6. install kembali seluruh package npm pada project
    npm install

itulah langkah- langkah mengupdate angular cli. memang sangat panjang. Tetapi yang harus diperhatikan adalah

  1. Tanyakan kepada diri anda apakah benar-benar ingin melakukan update?
  2. Selalu riset terhadap pacakge yang anda gunakan pada project apakah conflict dengan angular versi terbaru.

done. Semoga ini dapat bermanfaat bagi kita semua.