Cara membuat aplikasi sudut anda dengan CLI sudut

Cara membuat aplikasi sudut anda dengan CLI sudut

Angular adalah kerangka JavaScript, perpustakaan, aset, dan utiliti. Tutorial ini akan membantu anda membuat aplikasi sudut menggunakan alat CLI sudut di mana -mana platform. Projek Angular menyediakan dan antara muka baris arahan yang dipanggil sudut CLI untuk automasi. Anda boleh melakukan operasi mengautomasikan dalam projek sudut dan bukannya melakukannya secara manual dan menjimatkan masa dan usaha. Menggunakan CLI sudut, anda boleh melakukan berikut:

  • Mewujudkan projek baru.
  • Persekitaran Permohonan Persediaan.
  • Menguruskan konfigurasi aplikasi.
  • Komponen bangunan, perkhidmatan dan sistem penghalaan.
  • Memulakan permohonan, menguji dan menggunakan projek.
  • Memasang perpustakaan pihak ke -3 seperti bootstrap, sass dll.
  • Mari buat aplikasi sudut anda:

    Prasyarat

    Nodej yang diperlukan sudut dipasang pada sistem anda. Anda boleh mengikuti salah satu tutorial berikut untuk memasang sudut pada sistem anda mengikut sistem operasi anda.

    • Pasang nod.JS di Windows
    • Pasang nod.JS di Centos dan Fedora
    • Pasang nod.JS di Ubuntu dan Debian dan Linuxmint

    Selepas pemasangan, pastikan nod.JS dan NPM dipasang dengan betul.

    nod -v v12.4.0 
    npm -v 6.9.0 

    Pasang CLI Angular

    Sekarang, pasang utiliti CLI sudut menggunakan Pengurus Pakej NPM.

    NPM Install -g @angular/CLI 

    Pilihan -g dengan pemasangan menginsuranskan untuk memasang CLI sudut secara global pada sistem. Oleh itu, ia akan dapat diakses oleh semua pengguna dan aplikasi pada sistem. CLI sudut menyediakan arahan ng digunakan untuk operasi baris arahan. Mari periksa versi NG yang dipasang pada sistem anda.

    ng -version _ _ ____ _ ___ / _ _ __ _ _ _ | | __ _ _ __ / ___ | | | _ _ | / △ \ | '_ \ / _' | | | | |/ _ '| '__ | | | | | | | / ___ \ | | | | (_ | | | _ | | | (_ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \ ____ | _____ | ___ | | ___/ angular cli: 8.0.3 nod: 12.4.0 OS: Linux x64 Angular: ... Versi Pakej ---------------------------------------- -------------- @angular-devkit/arkitek 0.800.3 @angular-devkit/teras 8.0.3 @Angular-Devkit/Skema 8.0.3 @skema/sudut 8.0.3 @skema/kemas kini 0.800.3 RXJS 6.4.0 

    Buat aplikasi sudut

    Sistem anda bersedia untuk membina aplikasi sudut. Perintah berikut akan membuat aplikasi sudut dengan nama Hello-angular.

    ng hello-angular baru 

    Ini akan membuat direktori dengan nama projek anda dan membuat semua fail di bawahnya. Ia juga memasang semua perpustakaan yang diperlukan dalam direktori itu. Pada penciptaan yang berjaya, anda akan melihat mesej di bawah di skrin.

    ... menambah 1011 pakej dari 1041 penyumbang dan pakej 19005 yang diaudit dalam 55.774s dijumpai 0 kelemahan berjaya dimulakan git. 

    Jalankan aplikasi sudut

    Aplikasi sudut asas anda sudah siap untuk disajikan. Tukar ke direktori hello-angular dan jalankan aplikasi sudut anda menggunakan arahan ng servic.

    cd hello-angular ng berkhidmat 

    Anda boleh mengakses aplikasi sudut anda pada port localhost 4200, yang merupakan hos lalai dan port yang digunakan oleh aplikasi sudut.

     http: // localhost: 4200 

    Anda boleh menukar hos dan pelabuhan untuk menjalankan aplikasi sudut dengan menyediakan -Tuan rumah dan -pelabuhan Argumen baris arahan.

    ng berkhidmat -host 0.0.0.0 --Port 8080 

    Alamat IP 0.0.0.0 mendengar semua antara muka dan boleh diakses secara umum.