Перейти до основного вмісту

Публікації

Показано дописи з міткою "Angular"

Параметри створення Angular-проєкту

Angular-проєкт можна створити командою : ng new project-name Основні параметри цієї команди наведені в таблиці. Аргумент Опис --directory Ця опція використовується для вказання назви директорії проєкту. За замовчуванням збігається з назвою проєкту. --force Якщо значення true , ця опція перезаписує всі наявні файли. --minimal Ця опція створює проєкт без додавання підтримки фреймворків для тестування. --package-manager Ця опція використовується для вказання менеджера пакетів, який буде використовуватися для завантаження та встановлення потрібних пакетів Angular. Якщо не вказано, буде використано NPM. Інші варіанти: yarn, pnpm, cnpm. Стандартний менеджер підходить для більшості проєктів. --prefix Ця опція додає префікс до всіх селекторів компонентів. --routing Ця опція використовується для створення модуля маршрутизації у проєкті. --skip-git Вико...

Структура Angular-проєкта

Структура нового проєкту: src/ - Ця директорія містить вихідний застосунку. Вона є основною робочою директорією для розробників. angular.json - Основний конфігураційний файл для Angular CLI, містить налаштування для компіляції, побудови та інших операцій. package.json - Файл, який містить інформацію про проєкт і його залежності. Використовується npm для управління пакетами. dependencies - секція, яка визначає залежності, необхідні для застосунку. devDependencies - секція, яка визначає залежності, необхідні тільки для розробки. tsconfig.json - Файл конфігурації TypeScript, який визначає налаштування компіляції TypeScript для проєкту. .editorconfig - Файл конфігурації для налаштування редактора коду. README.md - Файл з інформацією про проєкт. Зазвичай містить інструкції щодо запуску та використання застосунку. .gitignore - Файл, який визначає, які файли та директорії мають бути проігноровані системою контролю версій Git. src/ містить: app/ - Містить головний код за...

Angular CLI

CLI (command-line interface) – інтерфейс командного рядка. Перед початком роботи має бути встановлений Node.js Встановлення: npm install -g @angular/cli Отримання допомоги: ng help Буде приблизно такий результат: add Adds support for an external library to your project. analytics Configures the gathering of Angular CLI usage metrics. See https://angular.io/cli/usage-analytics-gathering. build (b) Compiles an Angular app into an output directory named dist/ at the given output path. Must be executed from within a workspace directory. deploy Invokes the deploy builder for a specified project or for the default project in the workspace. config Retrieves or sets Angular configuration values in the angular.json file for the workspace. doc (d) Opens the official Angular documentation (angular.io) in a browser, and searches for a given keyword. e2e (e) Builds and serves an Angular app, then runs end-to-end tests. extract-i18n (i18n-extract, xi18n) Extracts i18n mes...