В следващата статия ще разгледаме Angular CLI. В случай, че все още не знаете Angular е рамка за разработка на приложения с преден край с отворен код, популярен и силно разтегаем. Може да се използва за изграждане на мобилни и уеб приложения, използващи TypeScript, JavaScript и други често срещани езици. Angular е общ термин за всички версии на Angular, които идват след AngularJS.
Тази рамка за разработка е много подходяща за изграждане на приложения от нулата, вариращи от малки до големи. Един от ключовите компоненти на Angular платформата за подпомагане разработването на приложения е помощната програма Angular CLI. Това е прост и лесен за използване инструмент за команден ред. Използва се за създаване, управление, изграждане и тестване на приложения, създадени с Angular.
В следващите редове ще видим как можем инсталирайте инструмента за команден ред Angular в нашата система Ubuntu 19.04. Ще видим и основен пример за този инструмент.
Инсталиране на Node.js на Ubuntu
За да инсталирате Angular CLI ще е необходимо да имаме текуща версия на Node.js и NPM, инсталирани в нашата система. За целта трябва просто да отворим терминал (Ctrl + Alt + T) и да напишем в него:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Също така, за да компилирате и инсталирате собствени NPM плъгини, може да се наложи да инсталираме инструменти за разработчици в нашата система. За целта в същия терминал ще направим следното:
sudo apt install -y build-essential
Ъглова CLI инсталация на Ubuntu 19.04
След инсталирането на Node.js и NPM, както току-що видяхме, ще можем инсталирайте Angular CLI с помощта на npm пакет мениджър както следва. В този случай опцията -g това означава, че ще инсталираме инструмента в цялата система, за да бъде използван от всички потребители на него.
sudo npm install -g @angular/cli
След инсталацията можем стартирайте Angular CLI, използвайки ng изпълним файл които сега трябва да бъдат инсталирани в нашата система. Изпълнете следната команда в терминала (Ctrl + Alt + T), за да проверите версията на инсталирания Angular CLI:
ng --version
Създаване на проект с помощта на Angular CLI
Сега нека видим как можем да създадем, изградим и обслужваме нов основен Angular проект. Първо, ще отидем в директорията на webroot от нашия сървър. След това ще създадем ново приложение Angular, както следва:
cd /var/www/html/ sudo ng new ubunlog-app
Ще трябва да решим дали искаме да споделяме анонимни данни на екипа на Angular. Продължаваме да ходим в директорията на току-що създаденото приложение. Ние ще започнете да обслужвате приложението както е показано в следното:
cd ubunlog-app ng serve
Предишната команда ще ни постави на екрана връзка, която ще ни каже как можем да видим как работи нашето приложение.
Преди да имаме достъп до него от уеб браузър, в случай на работа на защитна стена, трябва да отворим порт 4200 в конфигурацията на това, както е показано по-долу:
sudo ufw allow 4200/tcp sudo ufw reload
След това можем да отворим любимия си уеб браузър и да навигираме, като използваме URL адреса, предоставен от терминала вижте новото изпълнение на приложението, както е показано на следващата екранна снимка.
http://localhost:4200/
Можем да използваме и този друг URL за достъп до нашето приложение:
http://IP_SERVIDOR:4200
Трябва да се спомене, че ако използваме командата "ng сервирайте„За да създадете приложение и да го обслужвате локално, както току-що видяхме, сървърът автоматично възстановява приложението и презарежда уеб страниците, когато сменим някой от изходните файлове.
Ако искаме да получим повече информация за инструмента ng, можем да изпълним следната команда в терминала (Ctrl + Alt + T):
ng help
В тази статия видяхме как да изпълняваме проста инсталация на Angular CLI на нашата система Ubuntu, в допълнение към изграждането, компилирането и обслужването на основно приложение на сървър за разработка.
Това са само най-основните първи стъпки, които могат да бъдат предприети с ъгловия CLI. За вижте повече информация за Angular CLI, можем да се консултираме с официален уебсайт на проекта.