Чтобы создать приложение, вам нужно что-то написать, поэтому его синтаксис называется «как вы хотите написать».
Синтаксис:
новое имя_приложения
так что в этом имя нашего приложения будет: ng new angular8firstapp
Вы видите, что папка создана. Это ваше первое созданное приложение Angular 8.
Откройте эту папку, и там вы увидите несколько подпапок.
Файлы, используемые в папке приложения Angular 8:
Файлы приложения Angular 8, которые в основном используются в вашем проекте, приведены ниже:
- папка src: это папка, содержащая основные файлы кода, связанные с вашим приложением angular.
- папка приложения: папка приложения содержит файлы, созданные вами для компонентов приложения.
- app.component.css: этот файл содержит код каскадных таблиц стилей для вашего компонента приложения.
- app.component.html: этот файл содержит HTML-файл, связанный с компонентом приложения. Это файл шаблона, который используется angular для привязки данных.
- app.component.spec.ts: этот файл представляет собой файл модульного тестирования, относящийся к компоненту приложения. Этот файл используется вместе с другими модульными тестами. Он запускается из Angular CLI командой ng test.
- app.component.ts: это самый важный файл машинописного текста, который включает в себя логику представления компонента.
- app.module.ts: это также файл машинописного текста, который включает все зависимости для веб-сайта. Этот файл используется для определения необходимых модулей для импорта, компонентов для объявления и основного компонента для начальной загрузки.
Установите Visual Studio Code IDE или JetBrains WebStorm.
Для запуска приложения Angular 8 у вас должна быть интегрированная среда разработки, например Visual Studio Code IDE или JetBrains WebStorm.
VS Code легкий и простой в настройке, он имеет большой набор встроенных функций редактирования, форматирования и рефакторинга кода. Его можно использовать бесплатно. Он также предоставляет огромное количество расширений, которые значительно повысят вашу производительность.
Вы можете скачать VS Code отсюда: https://code.visualstudio.com
JetBrains WebStorm также является отличной IDE для разработки приложений Angular 8. Это быстрое, привлекательное и очень простое в использовании программное обеспечение, но его нельзя использовать бесплатно. Вы должны приобрести его позже, он предоставляет только пробный период в 30 дней бесплатно.
Вы можете скачать Jetbrains Webstorm отсюда: https://www.jetbrains.com/webstorm/download/#section=windows
Здесь я использовал VS Code IDE:
Вы можете видеть, что ваш проект открыт в IDE VS Code. Вы также можете внести изменения в файлы .ts и html, чтобы соответствующим образом изменить вывод.
Запустите ваше приложение:
Откройте командную строку node.js и перейдите в свой проект с помощью команды cd, а затем запустите команду ng serve, чтобы скомпилировать и запустить приложение.
Команда: нг служить
Ура! Скомпилировано успешно:
Откройте браузер и перейдите на локальный хост, указанный в Cmd:
Итак, вы узнали, как сделать простое приложение Angular 8, поздравляем, следите за новостями, и вот как будет выглядеть ваше приложение: