Angular CLI


Для Angular CLI установка выполняется через npm глобально или в пользовательском окружении. На сервере должны присутствовать NodeJS и пакетный менеджер npm. Ниже приведен пример установки на Debian / Ubuntu



Установка Angular CLI на Ubuntu


Авторизовавшись с реквизитами пользователя root выполняем на сервере команду, которая скачает NodeJS.

curl -sL https://deb.nodesource.com/setup_8.x | bash —



Устанавливаем пакет

apt-get install -y nodejs



Чтобы убедиться в том, что процесс прошел успешно можно проверить актуальную версию

node -v

v8.11.2



Теперь глобально ставится npm

npm install npm --global



Устанавливаем angular cli

npm install --unsafe-perm -g @angular/cli


Это удобная среда разработки с webpack, которая позволяет писать код быстро не занимаясь настройками, пересборка происходит после каждого сохранения любого файла проекта.



Создаем каталог под приложение и переходим в него

mkdir angular && cd angular/



Теперь создаем проект

ng new project



В каталоге одноименном указанному названию будут созданы нужные для работы файлы

cd project && ls

На этом все готово.



Если приложение уже существует его можно скачать с github

git clone  https://github.com/someuser



Установим package.json

npm install



Затем приложение запускается на белом IP адресе и произвольном порту

ng serve --host 0.0.0.0 --port 1111 &

chunk {main} main.bundle.js (main) 932 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 549 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 9.49 MB [initial] [rendered]

webpack: Compiled successfully.



Теперь в браузере можно обратиться к публичному IP адресу сервера по порту 1111 — откроется стартовая страница проекта:

angular cli установка


На этом все, Angular CLI будет работать и автоматически перекомпилироваться.

В production он запускается как любое приложение на NodeJS — обычно через Nginx и Supervisor / Systemd / runit.

Сказать спасибо
Categories: