Сборка Angular приложений и другие ресурсы
В финальной статье об Angular рассказывается, как создать полностью готовое приложение и предоставляются дополнительные ресурсы, которые помогут вам продолжить обучение
| Необходимые условия: | Понимание основ HTML, CSS, и JavaScript, знание терминала/командной строки (en-US) |
|---|---|
| Цель: | Изучить сборку Angular-приложения. |
Сборка законченного приложения
Теперь, когда вы закончили разработку своего приложения, вы можете запустить команду Angular CLI build.
Когда вы запускаете команду build в директории todo, ваше приложение компилируется в директорию с названием dist/.
В директории todo, выполните следующие команды:
ng build --prod
CLI компилирует приложение и помещает результат в директорию dist.
Флаг --prod команды ng build избавляется от всего, что вам не нужно в продакшене.
Развертывание вашего прилоежния
Для развертывания вашего приложения вы можете скопировать содержимое папки dist/my-project-name на ваш веб-сервер.
Поскольку это статичные файлы, вы можете разместить на любом веб-сервере способном обслуживать файлы, например:
- Node.js
- Java
- .NET
Вы можете использовать любой бэкэнд, например Firebase, Google Cloud, или App Engine.
Что дальше
На этом этапе вы создали базовое приложение, но ваше путешествие с Angular только начинается. Вы можете узнать больше изучив документацию Angular, например:
- Tour of Heroes: подробное руководство, в котором рассматриваются функции Angular, такие как использование сервисов, навигация и получение данных с сервера.
- Руководство по Angular-компонентам: серия статей по таким темам как жизненный цикл, взаимодействие компонентов и инкапсуляция представлений.
- Руководство по формам: статьи, которые проведут вас через создание реактивных форм в Angular, проверку ввода и построения динамических форм.
Резюме
В это модуле
- Введение в клиентские фреймворки (en-US)
- Основные функции фреймворков (en-US)
- React
- Ember
- Vue
- Начало работы с Vue (en-US)
- Создание вашего первого компонента Vue (en-US)
- Отрисовка списка Vue-компонентов (en-US)
- Добавление новой формы во Vue: события, методы, и модели (en-US)
- Стилизация Vue-компонентов с CSS (en-US)
- Использование вычисляемых свойств во Vue (en-US)
- Условная отрисовка во Vue: Редактирование существующих дел (en-US)
- Управление фокусом во Vue с помощью refs (en-US)
- Ресурсы по Vue (en-US)
- Svelte
- Начало работы со Svelte (en-US)
- Начинаем приложение списка дел c использованием Svelte (en-US)
- Динамическое поведение в Svelte: работа с переменными и пропсами (en-US)
- Компоненты Svelte-приложения (en-US)
- Продвинутый Svelte: реактивность, жизненный цикл, доступность (en-US)
- Работа хранилищами в Svelte (en-US)
- Поддержка TypeScript в Svelte (en-US)
- Развёртывание и следующие шаги (en-US)
- Angular