Artikel Umum

Cara membuat aplikasi sudut Anda dengan cli sudut

Cara membuat aplikasi sudut Anda dengan cli sudut

Angular adalah kerangka kerja JavaScript, perpustakaan, aset, dan utilitas. Tutorial ini akan membantu Anda membuat aplikasi sudut menggunakan alat Angular CLI di platform apa pun. Proyek Angular menyediakan dan antarmuka baris perintah yang disebut Angular CLI untuk otomatisasi. Anda dapat melakukan operasi mengotomatisasi dalam proyek sudut alih -alih melakukannya secara manual dan menghemat waktu dan upaya. Menggunakan CLI Angular, Anda dapat melakukan pengikut:

  • Membuat proyek baru.
  • Pengaturan Lingkungan Aplikasi.
  • Kelola Konfigurasi Aplikasi.
  • Membangun Komponen, Layanan, dan Sistem Routing.
  • Memulai Aplikasi, Menguji dan Menyebarkan Proyek.
  • Menginstal perpustakaan pihak ke -3 seperti bootstrap, sass dll.

    • Mari Buat Aplikasi Angular Anda:

    Prasyarat

    Angular yang diperlukan nodeJs untuk diinstal pada sistem Anda. Anda dapat mengikuti salah satu tutorial berikut untuk menginstal sudut pada sistem Anda sesuai sistem operasi Anda.

    • Instal Node.JS di Windows
    • Instal Node.JS di Centos dan Fedora
    • Instal Node.JS di Ubuntu dan Debian dan Linuxmint

    Setelah instalasi, pastikan node.JS dan NPM dipasang dengan benar.

    node -v V12.4.0 
    NPM -V 6.9.0

    Pasang CLI Angular

    Sekarang, pasang utilitas CLI Angular menggunakan NPM Package Manager.

    NPM Instal -g @Angular/CLI

    Opsi -g dengan instalasi mengasuransikan untuk menginstal Sudut CLI secara global pada sistem. Jadi, itu akan dapat diakses oleh semua pengguna dan aplikasi di sistem. Angular CLI memberikan perintah Ng digunakan untuk operasi baris perintah. Mari kita periksa versi NG yang diinstal di sistem Anda.

    ng --version _ _ ____ _ ___ / \ _ __ __ _ _ _ | | __ _ _ __ / ___ | | | _ _ | / △ \ | '_ \ / _' | | | | |/ _ '| '__ | | | | | | | / ___ \ | | | | (_ | | | _ | | | (_ | | | | | | ___ | | ___ | | / _ / \ _ \ _ | | _ | \ __, | \ __, _ | _ | \ __, _ | | \ ____ | _____ | ___ | | ___/ Angular CLI: 8.0.3 Node: 12.4.0 OS: Linux X64 Angular:… Versi Paket ----------------------------------------- -------------- @Angular-Devkit/Arsitek 0.800.3 @Angular-DevKit/Core 8.0.3 @Angular-DevKit/Skema 8.0.3 @skema/sudut 8.0.3 @skema/pembaruan 0.800.3 RXJS 6.4.0

    Buat Aplikasi Angular

    Sistem Anda siap membangun aplikasi sudut. Perintah berikut akan membuat aplikasi sudut dengan nama Halo-Angel.

    ng Hello-Angular Baru

    Ini akan membuat direktori dengan nama proyek Anda dan membuat semua file di bawahnya. Itu juga menginstal semua pustaka yang diperlukan di direktori itu. Pada kreasi yang berhasil, Anda akan melihat pesan di bawah ini di layar.

    … Menambahkan 1011 paket dari 1041 Kontributor dan Audit Paket 19005 di 55.774s menemukan 0 kerentanan berhasil diinisialisasi git.

    Jalankan aplikasi sudut

    Aplikasi sudut dasar Anda siap untuk disajikan. Ubah ke Direktori Hello-Angular dan Jalankan Aplikasi Angular Anda Menggunakan Perintah Layanan NG.

    CD Hello-Angular NG Serve

    Anda dapat mengakses aplikasi sudut Anda di LocalHost Port 4200, yang merupakan host default dan port yang digunakan oleh aplikasi sudut.

     http: // localhost: 4200

    Anda dapat mengubah host dan port untuk menjalankan aplikasi sudut dengan menyediakan -tuan rumah Dan -pelabuhan Argumen baris perintah.

    NG Serve - -Host 0.0.0.0 --port 8080

    Alamat IP 0.0.0.0 mendengarkan semua antarmuka dan dapat diakses secara publik.