Развертывание приложения Angular на страницах GitHub напрямую

В этом руководстве мы рассмотрим, как разместить веб-приложение Angular с помощью Github Pages. Давайте приступим.

Необходимые условия
У вас должны быть установлены Node.js, NPM и Angular CLI, вам также необходимо создать новый проект Angular с помощью Angular CLI.

Шаг 1: ng new child-demo в терминале Visual Studio IDE

Шаг 2: cd child-demo

Шаг 3: выполните команду шаг за шагом

- git init
- git add .
- git commit -m "first commit"
- git remote add origin https://github.com/bipon68/child-demo.git (git remote add origin https://github.com/<username>/<repositoryname>.git)
- git push -u origin master
- npm install -g angular-cli-ghpages
- ng build --prod --base-href="https://bipon68.github.io/child-demo/" (Note: copy all file in dist folder into child-demo project folder and paste(one level up)) ($ ng build --prod --base-href "https://<YOUR_GITHUB_USER-NAME>.github.io/<YOUR_REPO_NAME>/"
)
- angular-cli-ghpages
- Your project should be available at - https://<username>.github.io/<repositoryname> (Sample example : https://bipon68.github.io/child-demo/)
Войти в полноэкранный режим Выйти из полноэкранного режима

Ссылка
angular cli ghpages, Загрузка angular Project github Pages

Исходный код
Github

Оцените статью
Procodings.ru
Добавить комментарий