Свободно достъпна JavaScript платформа за създаване на динамични приложения се нарича Angular.js. Той ви позволява да представите всеки аспект на вашето приложение бързо и недвусмислено чрез разширяване на синтаксиса на HTML, когато се използва като ваш шаблонен език. Той предоставя набор от инструменти за писане, актуализиране и тестване на код. Той предлага множество възможности, включително маршрутизиране и управление на формуляри. Това ръководство обсъжда метода за инсталиране на Angular на Ubuntu 24 чрез инсталиране на Node.js.
Актуализирайте и надстройте системата
Преди да преминем към инсталациите, нека първо преминем през системната актуализация. Необходимо е да актуализирате системата Ubuntu 24, защото скоро трябва да влезе в сила при нови инсталации без никакви проблеми. И така, ние използваме инструкцията за актуализиране и надграждане в рамките на една команда, която се изпълнява с помощта на помощна програма „apt“.
Актуализация на Sudo apt && sudo подходящо надграждане
След като изпълни тази инструкция, системата разпределя зададеното пространство за процеса на надграждане и актуализиране и ви моли да го потвърдите, като докоснете „y“ или „n“. Следователно трябва да натиснете „y“, за да завършите този процес на актуализиране, както е показано по-долу. След известно време нашата система ще бъде актуализирана и надградена успешно.
Инсталирайте зависимостите
Инсталирането на Angular и Node.js зависи и от някои други помощни програми. Тези зависимости включват git, wget, curl и много други. Следователно трябва да инсталираме тези зависимости предварително. За инсталирането на тези зависимости използваме същата помощна програма „apt“ в командната обвивка и изчакваме, докато всички зависимости бъдат инсталирани успешно.
sudo apt Инсталирай curl gnupg2 gnupg git wget -и
Инсталирайте Node.js
Приложенията Angular не могат да работят без Node.js, което е основното изискване. Следователно е необходимо да инсталирате Node.js, преди да преминете към инсталиране на Angular на Ubuntu 24. Освен това Node.js изисква помощната програма от командния ред NVM за своята инсталация. Така че използваме помощната програма „curl“ в обвивката на терминала, за да инсталираме помощната програма NVM първо от официалното хранилище на Github. Можете да видите, че след изпълнението на тази инструкция помощната програма NVM е изтеглена и инсталирана.
Sudo curl https: // raw.githubusercontent.com / създаванеix / nvm / майстор / install.sh | баш
Сега също е необходимо активирането на NVM средата в системата Ubuntu 24 Linux. И така, стартираме файла „bashrc“, като използваме инструкцията за източника, така че системата да може да получи ефектите от новоинсталираната помощна програма NVM и да зададе средата.
Източник ~ / .bashrc
След създаването на среда, системата Ubuntu 24 е готова да инсталира Node.js в своя край. За целта използваме новоинсталираната помощна програма „nvm“ в инструкциите за инсталиране, които се използват в обвивката на терминала. Използвайки тази инструкция, инсталираме най-новата версия на Node.js 18 на нашата Ubuntu система. Освен това инструментът NVM инсталира мениджъра на пакети на възли заедно с Node.js. Обработката започва с изтегляне и инсталиране на възел версия 18.19.1 от официалния уебсайт. След това изчислява контролната сума и създава псевдоним по подразбиране.
Nvm Инсталирай 18
След успешната инсталация на Node.js, трябва да проверим дали той е инсталиран и монтиран в нашата система. За целта трябва да проверим за неговата инсталирана версия, като използваме командата „version“, започваща с ключовата дума „node“. Освен това предишната инструкция за инсталиране на NVM инсталира NPM (Node Package Manager) заедно с Node.js. Следователно трябва да потърсим и версията на NPM. Резултатът от двете команди показва версиите, както е показано на следното прикачено изображение:
Възел -въвNpm -във
Инсталирайте Angular CLI
Време е да предприемете последните стъпки за инсталиране на интерфейса на командния ред на Angular, след като инсталирате всички зависимости, включително NPM и Node.js. За целта използваме NPM (мениджър на пакети на възли) в рамките на терминалната обвивка на Ubuntu 24.
Можете да използвате правата на sudo за изпълнението на тази инсталационна инструкция. Тази команда включва връзката към официалния пакет на Angular CLI. Флагът „—location“ е настроен за добавяне на Angular CLI на глобално ниво за системата Ubuntu 24, която е достъпна за всички потребители в текущата платформа.
Npm Инсталирай @ ъглова / cli – местоположение =глобален
Ще помогне, ако изчакате известно време, докато обработката на Angular CLI приключи. След известно обработване Angular CLI пакетите се добавят и успешно инсталират. В замяна ще получите следния изобразен изход на екрана на вашия терминал, който има 232 пакета, добавени за 2 минути:
Сега е време да проверите инсталирането на Angular CLI. Той идва с командата „ng“, която помага за изпълнение на командите на Angular CLI. Така че, нека потърсим инсталираната версия на командата 'ng'. След като отговорим на някои от въпросите относно изпълнението на тази команда за версия, ще получим следния изход, който също съдържа информация относно версията на Angular, Node, NPM и OS. В края има и показване на информация относно пакетите и техните инсталирани версии.
На версия
Създайте Angular приложение
Време е да използвате Angular CLI, за да създадете ново Angular приложение на Ubuntu 24. Точно както използвахме инструкцията „ng“, за да проверим версията на Angular CLI, ще я използваме и за създаване на ново приложение, наречено „test“ с „нова“ ключова дума. Изпълнението се извършва със задаване на някои въпроси. Ще помогне, ако отговорите на тези въпроси според вашите предпочитания и пакетите за вашето ново приложение ще бъдат инсталирани успешно.
От ново тест
След известно време се създава ново Angular приложение, наречено „test“. Нова „тестова“ директория се генерира в нашата работна директория, както е показано от следния прикачен резултат:
След като създадем „тестово“ Angular приложение, трябва да стартираме и него. За целта се преместете в директорията „test“ и използвайте помощната програма „ng“, за да изпълните командата „serve“.
Cd тестНа обслужване
Можете също да използвате същата команда, за да зададете порт 4200 за всички системни интерфейси, като зададете хоста като 0.0.0.0.
От serve –host 0.0.0.0 –port 4200
Заключение
Това ръководство демонстрира как среда на Angular може да се използва за създаване на всяко приложение. Подкрепяйки идеята, ние демонстрирахме метода за инсталиране на Angular на Ubuntu 24 след инсталирането и конфигурацията на Node.js и NPM. И накрая, разработихме начин за създаване на Angular приложение в Ubuntu 24 чрез използване на Angular CLI.