Eksperimen dengan Selamat dengan Angular Panduan untuk Pembangun dengan Sedia Ada & Projek

Meneroka Sudut 18 Tanpa Mengganggu Projek Sedia Ada

Baru-baru ini saya sedang mengusahakan projek Angular 17 dan berasa gatal untuk meneroka ciri baharu Angular 18 yang menarik. Walau bagaimanapun, saya mahu melakukan ini dengan cara yang tidak akan menjejaskan projek sedia ada saya yang sudah dalam pengeluaran atau fasa QA. Ini memberikan sedikit cabaran:

• Global Angular 17: Saya telah memasang Angular CLI versi 17 secara global.
• Keperluan Angular 18: Node.js versi 18.19 atau ke atas merupakan prasyarat untuk Angular 18.
• Memelihara Projek Sedia Ada: Saya perlu memastikan projek Angular 17 sedia ada saya tidak disentuh.

Memanfaatkan Pengurus Versi Nod (NVM):

Untuk menangani perkara ini, saya memutuskan untuk memanfaatkan Pengurus Versi Node (NVM). NVM membolehkan anda mengurus berbilang versi Node.js pada sistem anda, menjadikannya mudah untuk bertukar antara versi tersebut untuk projek yang berbeza. Begini cara saya menyediakannya:

1. Pasang NVM: Anda boleh mengikut arahan di tapak web NVM rasmi untuk memuat turun dan memasangnya di sini.

2. Pasang Node.js 18+: Setelah NVM dipasang, saya menggunakan arahan
   

nvm install latest 

Ini memasang versi Node.js terbaharu (yang pada masa itu ialah 22.4.1).

Mewujudkan Persekitaran Pembangunan Berasingan:

Seterusnya, saya mencipta direktori berasingan untuk projek amalan Angular 18 saya. Ini membantu dalam mengasingkan persekitaran daripada projek sedia ada saya.

Memasang Angular 18 Secara Setempat:

Untuk memasang Angular 18 untuk projek khusus ini, saya menggunakan arahan berikut:

npm install @angular/cli@latest 

Perhatikan ketiadaan -g. Ini memasang versi Angular CLI terkini (iaitu 18.1.0 pada masa itu) secara setempat dalam direktori projek, tanpa menjejaskan pemasangan global.

Kejutan! Belum Ada Lagi:

Apabila saya cuba mencipta projek baharu menggunakan projek amalan baharu, ia lalai menggunakan versi Angular CLI (17) yang dipasang secara global. Di sinilah keajaiban npx masuk.

Memperkenalkan Pelaksana Pakej Nod (npx):

npx membolehkan anda melaksanakan pakej daripada npm tanpa memasangnya secara global. Ini terbukti menjadi kunci untuk menggunakan versi CLI Angular tertentu (18) untuk projek baharu saya. Inilah arahan yang menang:

npx @angular/cli@18 new my-angular-18-project

Saya mengesahkan projek dengan melaksanakan versi ng

Berjaya! Meneroka Sudut 18:

Selepas menunggu kebergantungan yang diperlukan untuk dipasang, saya mempunyai projek Angular 18 serba baharu (my-angular-18-project) sedia untuk digunakan! Ini membolehkan saya meneroka semua ciri baharu Angular 18, termasuk sintaks @let yang menarik, tanpa mengganggu projek Angular 17 saya yang sedia ada.

Atas ialah kandungan terperinci Eksperimen dengan Selamat dengan Angular Panduan untuk Pembangun dengan Sedia Ada & Projek. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!