Install Angular di Ubuntu 18.04

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.22″][et_pb_row admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]

Panduan Install Angular di Ubuntu 18.04 Server LTS

Angular merupakan framework untuk javascript yang dapat membantu saat membuat single-page aplikasi untuk web/moble/desktop. Angular mendukung penggunaan TypeScript alih-alih menggunakan JavaScript.

Angular akan di install pada mesin dengan sistem operasi Ubuntu 18.04 Server LTS. Jika belum memiliki Ubuntu Server 18.04 terinstall, ikuti panduan dibawah ini.

Install NodeJS

Karena Angular merupakan framework dari JavaScript maka akan membutuhkan NodeJS yang terinstall terlebih dahulu. Jika belum melakukan install Node JS di Ubuntu ikuti panduan dibawah ini.

Update Node Package Manager (NPM)

Melakukan update terhadap NPM, bagian ini merupakan bagian opsional yang boleh dilakukan juga tidak. Namun, jika dirasa perlu maka lakukan update dengan perintah dibawah

[email protected]:~# npm install [email protected] -g

Install Angular CLI (Command Line Interface)

Angular CLI dipergunakan untuk membuat projects, melakukan generate aplikasi dan kode library serta melakukan bervariasi kegiatan saat melakukan pengembangan maupun saat testing, bundling dan pemasangan.

[email protected]:~# npm install -g @angular/cli

Membuat Project Dengan Agular

Untuk membuat project baru dengan angular yang sudah dilakukan installasi adalah dengan perintah dari terminal sebagai berikut

[email protected]:~# ng new project-keren

Menjalakan Aplikasi

Setelah membuat aplikasi baru yang diinginkan, untuk menjalankan dapat dengan menggunakan perintah berikut ini.

[email protected]:~# cd project-keren
[email protected]:~# ng serve --open

Untuk memastikan bahwa telah bekerja dengan baik, maka buka browser dan navigasikan ke alamat berikut

http://localhost:4200 atau http://[IP ADDRESS SERVER]:4200

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.0.1″][et_pb_row _builder_version=”4.0.1″][et_pb_column _builder_version=”4.0.1″ type=”4_4″][et_pb_blog _builder_version=”4.0.1″ fullwidth=”off” include_categories=”current” use_manual_excerpt=”off” show_author=”off” show_date=”off” show_pagination=”off” show_excerpt=”off” text_orientation=”center” hover_enabled=”0″][/et_pb_blog][/et_pb_column][/et_pb_row][/et_pb_section]