Чтобы создать приложение, вам нужно что-то написать, поэтому его синтаксис называется «как вы хотите написать».

Синтаксис:

новое имя_приложения

так что в этом имя нашего приложения будет: 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, поздравляем, следите за новостями, и вот как будет выглядеть ваше приложение: