В предыдущем уроке мы узнали о том, что такое Angular и как его настроить на локальном компьютере. Это продолжение предыдущего урока. Если вы не знали, как настроить проект angular, пожалуйста, обратитесь к моему предыдущему руководству, оно будет вам полезно.
В этом уроке мы узнаем о
А. Основные команды
Б. Структура проекта
А. Основные команды
›ng new [your-project-name] — создать новый проект Angular.
›ng generate class [Your-class-name] — создание нового класса Typescript.
›ng generate component [component-name] — создать новый компонент.
›ng generate service [service-name] — создать новую службу.
›ng generate module [module-name] — создать новый модуль
* вы можете использовать ng g вместо ng generate
Б. Структура проекта
1. app.component.css
Это таблица стилей css для app.component.html.
2. app.component.html
Это html-файл для компонента.
3. app.component.spec.ts
написание тест-кейсов для компонента.
4. app.component.ts
Это файл компонента Angular, а компоненты являются основными строительными блоками Angular.
5. app.module.ts
Это важный файл в структуре проекта Angular. Каждое приложение angular должно содержать хотя бы один файл модуля. Здесь декоратор @NgModule используется для определения класса модуля Angular. мы должны объявить все компоненты, которые мы используем в нашем приложении, в разделе объявления.
6. активы
Это хранилище, в котором хранятся все ресурсы, которые будут использоваться, такие как изображения, шрифты…
7. index.html
Это корневой файл для запуска нашего углового приложения. Здесь мы можем добавить общие таблицы стилей для всего приложения, такие как bootstrap, шрифты Google и т. д.
8. main.ts
Это основная точка входа приложения, которая содержит некоторые конфигурации.
enableProdMode — для включения рабочего режима и отключения режима разработчика.
AppModule — укажите, какой модуль будет установлен в качестве корневого модуля приложения.
9. стили.css
Это обычный файл таблицы стилей и общая таблица стилей для всего приложения.
10. пакет.json
Он содержит всю информацию о подписи и связан с зависимым пакетом и библиотекой, которые загружаются в папку node_modules. Здесь мы сохраняем название приложения, версию и т. д.
11. node_modules
Он содержит все библиотеки и пакеты, которые используются в приложении angular.
В следующем уроке мы обсудим компоненты и типы привязки.
Спасибо, что уделили свое драгоценное время прочтению этого документа и ждали ваших ценных отзывов. Если вы считаете, что этот документ полезен для вас, пожалуйста, нажмите кнопку аплодисментов.
