Ang isang malayang naa-access na platform ng JavaScript para sa paglikha ng mga dynamic na app ay tinatawag na Angular.js. Binibigyang-daan ka nitong katawanin ang bawat aspeto ng iyong application nang mabilis at hindi malabo sa pamamagitan ng pagpapalawak ng syntax ng HTML kapag ginamit bilang iyong template na wika. Nagbibigay ito ng isang hanay ng mga tool para sa pagsulat, pag-update, at pagsubok ng isang code. Nag-aalok ito ng napakaraming mga kakayahan kabilang ang pagruruta at pamamahala ng form. Tinatalakay ng gabay na ito ang paraan ng pag-install ng Angular sa Ubuntu 24 sa pamamagitan ng pag-install ng Node.js.
I-update at I-upgrade ang System
Bago lumipat patungo sa mga pag-install, dumaan muna tayo sa pag-update ng system. Kinakailangang i-update ang Ubuntu 24 system dahil kailangan itong magkabisa sa mga bagong pag-install nang walang anumang mga isyu sa ilang sandali. Kaya, ginagamit namin ang pag-update at pag-upgrade ng pagtuturo sa loob ng isang command na isinasagawa sa tulong ng isang 'apt' na utility.
Sudo apt update && sudo apt upgrade
Pagkatapos isagawa ang tagubiling ito, inilalaan ng system ang nakatakdang espasyo sa proseso ng pag-upgrade at pag-update at hihilingin sa iyo na kumpirmahin ito sa pamamagitan ng pag-tap sa “y” o “n”. Samakatuwid, dapat mong pindutin ang 'y' upang makumpleto ang proseso ng pag-update na ito tulad ng ipinapakita sa sumusunod. Pagkaraan ng ilang sandali, maa-update at matagumpay na maa-upgrade ang aming system.
I-install ang Dependencies
Ang pag-install ng Angular at Node.js ay nakasalalay din sa ilang iba pang mga utility. Kasama sa mga dependency na ito ang git, wget, curl, at marami pa. Kaya, kailangan muna nating i-install ang mga dependency na iyon. Para sa pag-install ng mga dependency na iyon, ginagamit namin ang parehong 'apt' na utility sa command shell at maghintay hanggang sa matagumpay na mai-install ang lahat ng dependency.
sudo apt i-install kulot gnupg2 gnupg git wget -at
I-install ang Node.js
Hindi gagana ang Angular application kung wala ang Node.js na pangunahing kinakailangan. Samakatuwid, kinakailangang i-install ang Node.js bago lumipat patungo sa pag-install ng Angular sa Ubuntu 24. Gayundin, kailangan ng Node.js ang NVM command-line utility para sa pag-install nito. Kaya, ginagamit namin ang 'curl' na utility sa terminal shell para i-install muna ang NVM utility mula sa opisyal na Github repository. Maaari mong makita na pagkatapos ng pagpapatupad ng pagtuturo na ito, ang NVM utility ay nai-download at na-install.
Sudo curl https: // raw.githubusercontent.com / paglikhaix / nvm / master / install.sh | bash
Ngayon, kailangan din ang pagpapagana sa kapaligiran ng NVM sa Ubuntu 24 Linux system. Kaya, pinapatakbo namin ang 'bashrc' na file gamit ang source na pagtuturo upang makuha ng system ang mga epekto ng bagong naka-install na NVM utility at itakda ang kapaligiran.
Pinagmulan ~ / .bashrc
Pagkatapos gumawa ng environment, handa na ang Ubuntu 24 system na i-install ang Node.js sa dulo nito. Para dito, ginagamit namin ang bagong naka-install na 'nvm' na utility sa loob ng mga tagubilin sa pag-install na ginagamit sa terminal shell. Gamit ang tagubiling ito, ini-install namin ang pinakabagong bersyon ng Node.js 18 sa aming Ubuntu system. Gayundin, ini-install ng tool ng NVM ang node package manager kasama ang Node.js. Nagsisimula ang pagproseso sa pamamagitan ng pag-download at pag-install ng node na bersyon 18.19.1 mula sa opisyal na website. Pagkatapos nito, kino-compute nito ang checksum at gagawa ng default na alias.
Nvm i-install 18
Pagkatapos ng matagumpay na pag-install ng Node.js, kailangan naming i-verify na ito ay na-install at naka-mount sa aming system. Para diyan, kailangan nating suriin ang naka-install na bersyon nito gamit ang command na 'bersyon' na nagsisimula sa keyword na 'node'. Gayundin, ang nakaraang tagubilin sa pag-install ng NVM ay nag-install ng NPM (Node Package Manager) kasama ng Node.js. Samakatuwid, kailangan din nating hanapin ang bersyon ng NPM. Ang output ng parehong mga utos ay nagpapakita ng mga bersyon tulad ng inilalarawan sa sumusunod na naka-attach na larawan:
Node -saNpm -sa
I-install ang Angular CLI
Oras na para gawin ang mga huling hakbang para sa pag-install ng Angular command line interface pagkatapos i-install ang lahat ng dependency kabilang ang NPM at Node.js. Para dito, ginagamit namin ang NPM (node package manager) sa loob ng terminal shell ng Ubuntu 24.
Maaari mong gamitin ang mga karapatan ng sudo para sa pagpapatupad ng pagtuturo sa pag-install na ito. Kasama sa utos na ito ang link sa opisyal na pakete ng Angular CLI. Ang flag na '—lokasyon' ay nakatakdang idagdag ang Angular CLI sa pandaigdigang antas para sa Ubuntu 24 system na naa-access ng lahat ng user sa kasalukuyang platform.
Npm i-install @ angular / cli - lokasyon =pandaigdig
Makakatulong kung maghintay ka ng ilang sandali hanggang sa matapos ang pagproseso ng Angular CLI. Pagkatapos ng ilang pagproseso, ang Angular CLI packages ay idinagdag at matagumpay na na-install. Bilang kapalit, makukuha mo ang sumusunod na itinatanghal na output sa iyong terminal screen na mayroong 232 na pakete na idinagdag sa loob ng 2 minuto:
Ngayon, oras na upang i-verify ang pag-install ng Angular CLI. Ito ay kasama ng utos na 'ng' na tumutulong upang maisagawa ang mga utos sa Angular CLI. Kaya, hanapin natin ang naka-install na bersyon ng command na 'ng'. Pagkatapos masagot ang ilan sa mga tanong sa pagsasagawa ng utos ng bersyon na ito, makukuha natin ang sumusunod na output na naglalaman din ng impormasyon tungkol sa bersyon ng Angular, Node, NPM, at OS. Mayroon ding isang pagpapakita ng impormasyon tungkol sa mga pakete at ang kanilang mga naka-install na bersyon sa dulo.
Ng version
Gumawa ng Angular Application
Oras na para gamitin ang Angular CLI para lumikha ng bagong Angular na application sa Ubuntu 24. Tulad ng kung paano namin ginamit ang 'ng' na pagtuturo upang suriin ang bersyon ng Angular CLI, gagamitin din namin ito upang lumikha ng bagong application na pinangalanang 'test' kasama ang 'bagong' keyword. Nagaganap ang pagpapatupad na may ilang mga katanungan na itinatanong. Makakatulong kung sasagutin mo ang mga tanong na iyon ayon sa iyong mga kagustuhan, at matagumpay na mai-install ang mga pakete para sa iyong bagong aplikasyon.
Ng new pagsusulit
Pagkaraan ng ilang sandali, isang bagong Angular na application na pinangalanang 'pagsubok' ay nilikha. Ang isang bagong 'pagsubok' na direktoryo ay nabuo sa aming gumaganang direktoryo tulad ng inilalarawan ng sumusunod na nakalakip na output:
Pagkatapos gumawa ng 'test' Angular application, kailangan din natin itong patakbuhin. Para diyan, lumipat sa loob ng 'test' na direktoryo at gamitin ang 'ng' utility para isagawa ang 'serve' command.
Cd pagsusulitNg serve
Maaari mo ring gamitin ang parehong command upang itakda ang port 4200 para sa lahat ng mga interface ng system sa pamamagitan ng pagtatakda ng host bilang 0.0.0.0.
Ng serve –host 0.0.0.0 –port 4200
Konklusyon
Ipinapakita ng gabay na ito kung paano magagamit ang isang Angular na kapaligiran upang lumikha ng anumang application. Sa pagsuporta sa ideya, ipinakita namin ang paraan ng pag-install ng Angular sa Ubuntu 24 pagkatapos ng pag-install at pagsasaayos ng Node.js at NPM. Sa wakas, nagpaliwanag kami sa isang paraan upang lumikha ng isang Angular na application sa Ubuntu 24 sa pamamagitan ng paggamit ng Angular CLI.