Panduan Rujukan CLI Sudut Terbaik

Artikel ini meneroka CLI sudut: keupayaannya, fungsinya, dan mekanisme asas. Malah pengguna CLI sudut berpengalaman akan mendapati ini penyegaran yang berguna pada kerja dalamannya. Walaupun tidak ketat untuk pembangunan sudut, CLI sudut meningkatkan kualiti kod dan kecekapan pemaju.

Ini adalah yang pertama dalam siri empat bahagian untuk membina aplikasi Todo di Angular.

Bahagian 0 - Panduan Rujukan CLI Angular Ultimate
Bahagian 1 - Membina Aplikasi Todo Awal
Bahagian 2 - Memisahkan Komponen untuk Senarai Todo dan Individu Todos
Bahagian 3 - Mengintegrasikan Perkhidmatan Todo dengan API REST
Bahagian 4 - Menggunakan Router Angular untuk Resolusi Data

Konsep Utama:

CLI Angular adalah perkembangan aplikasi angular yang kuat dengan mengautomasikan tugas -tugas seperti penciptaan, ujian, dan penempatan.
node.js, npm, dan idealnya Typescript adalah prasyarat untuk pemasangan CLI sudut.
• mencipta projek sudut baru, secara automatik menyediakan fail, kebergantungan, dan konfigurasi. ng new
• Membolehkan Live Reloading, memberikan pratonton masa nyata perubahan kod. ng serve
• Menambah ciri (komponen, perkhidmatan, dll) kepada projek yang sedia ada. ng generate
• Menyediakan aplikasi untuk pengeluaran dengan bundling JavaScript dan CSS. ng build
CLI sudut melampaui penjanaan kod; Ia memahami struktur aplikasi, memastikan kualiti dan konsistensi kod.
Sejarah ringkas

Final Angular dikeluarkan pada 15 September 2016. Berevolusi dari rangka kerja (AngularJS 1.x) ke platform yang komprehensif yang menyokong web, web mudah alih, mudah alih asli, dan pembangunan desktop, sudut memerlukan alat yang mantap. Pasukan sudut membangunkan CLI sudut untuk meminimumkan kerumitan persediaan dan konfigurasi, yang membolehkan pemaju memberi tumpuan kepada bangunan aplikasi. Toolset ini termasuk integrasi IDE/editor dan CLI sudut itu sendiri.

---

2017.04.25 UPDATE: Mencerminkan perubahan sudut CLI v1.0. Rujuk Panduan Migrasi CLI V1.0 Angular untuk mengemas kini projek yang ada.

2017.02.17 UPDATE: Perintah

telah dikeluarkan dari CLI sudut teras. ng deploy

2017.01.27 UPDATE: Secara rasmi menggunakan "AngularJS" untuk 1.x dan "Angular" untuk 2 siaran.

Apa itu Cli Angular?

---

sudut CLI adalah aliran kerja pembangunan yang mengotomatisasi baris baris. Keupayaannya termasuk:

• Membuat aplikasi sudut baru
• menjalankan pelayan pembangunan dengan livereload untuk pratonton masa nyata
• Menambah ciri ke aplikasi sedia ada
• Melaksanakan ujian unit
• Melaksanakan ujian akhir-ke-akhir (E2E)
• Bangunan Aplikasi untuk Pengeluaran Pengeluaran

Sebelum meneroka ciri -ciri ini, mari kita tutup pemasangan.

Prasyarat

node.js (6.9.0 atau lebih baru) dan npm (3.0.0 atau lebih baru) diperlukan. Muat turun versi Node.js terkini dari laman web rasmi. Sahkan versi menggunakan:

<code class="language-bash">$ node -v
$ npm -v</code>

Pemasangan TypeScript (sangat disyorkan) dilakukan melalui NPM:

<code class="language-bash">$ npm install -g typescript@2.2.0</code>

dengan node.js dan typescript dipasang, teruskan memasang cli sudut.

Memasang sudut CLI

Pasang secara global menggunakan NPM:

<code class="language-bash">$ npm install -g @angular/cli</code>

Sahkan pemasangan dengan:

<code class="language-bash">$ ng version</code>

Ini memaparkan maklumat versi yang dipasang (mis., @angular/cli: 1.0.0).

Membuat aplikasi sudut baru

Dua kaedah wujud untuk membuat aplikasi baru:

• ng init: Mewujudkan aplikasi dalam direktori semasa.
• ng new: Membuat direktori baru dan kemudian berjalan ng init di dalamnya.

ng new lebih disukai untuk penciptaan direktori. Contohnya:

<code class="language-bash">$ ng new my-app</code>

Ini mewujudkan direktori

, menghasilkan fail yang diperlukan, memasang kebergantungan, mengkonfigurasi typescript, karma, protractor, dan fail persekitaran. my-app

pilihan yang tersedia untuk

ng new

pelbagai pilihan menyesuaikan penciptaan projek (lihat

untuk senarai penuh): ng generate --help

• : Meniru penciptaan tanpa menulis fail. --dry-run
• : Menyediakan output terperinci. --verbose
• : Pautan pakej --link-cli. @angular/cli
• : Melangkau pemasangan NPM. --skip-install
• : Melangkau inisialisasi repositori git. --skip-git
• : Melangkau penciptaan fail ujian. --skip-tests
• : Melangkau komit git awal. --skip-commit
• : Menentukan nama direktori. --directory
• : Menentukan nama direktori sumber. --source-dir
• : Menentukan bahasa gaya (CSS, kurang, SCSS). --style
• : Menentukan awalan komponen. --prefix
• : Menjana aplikasi web progresif (PWA). --mobile
• : Menambah modul penghalaan. --routing
• : Menggunakan gaya inline. --inline-style
• : Menggunakan templat dalam talian. --inline-template

mari kita jalankan aplikasi.

menjalankan aplikasi anda

navigasi ke direktori projek (

) dan jalankan: cd my-app

<code class="language-bash">$ node -v
$ npm -v</code>

Ini memulakan pelayan pembangunan (port lalai 4200). Livereload secara automatik menyegarkan penyemak imbas pada perubahan fail. Tekan ctrl-c untuk menghentikan pelayan.

Menambah Ciri

Perintah ng generate menambah ciri:

• ng generate class my-new-class
• ng generate component my-new-component
• ng generate directive my-new-directive
• ng generate enum my-new-enum
• ng generate module my-new-module
• bentuk yang lebih pendek wujud (mis., ). Setiap subkommand mempunyai pilihan khusus (semak ng generate pipe my-new-pipe). CLI bijak mengintegrasikan ciri -ciri baru ke dalam modul yang sesuai.
• (Selebihnya respons akan terus memperincikan setiap ng generate service my-new-service subcommand, ujian unit, ujian E2E, binaan pengeluaran, penempatan (mencatatkan penyingkiran
), mengeluarkan permohonan, ciri masa depan, ringkasan, dan Soalan Lazim , sementara mengekalkan struktur asal dan penempatan imej.

Atas ialah kandungan terperinci Panduan Rujukan CLI Sudut Terbaik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!