=====Установка=====
В этом руководстве объясняется, как настроить среду для разработки Angular с помощью инструмента Angular CLI.
====Install the Angular CLI====
Angular CLI используется для создания проектов, генерации кода приложений и библиотеки, а также для выполнения множества текущих задач разработки, таких как тестирование, объединение и развертывание.\\
\\
Чтобы установить Angular CLI, откройте окно терминала и выполните следующую команду:
npm install -g @angular/cli
или
npm install -g @angular/cli@latest
Флаг –g – установить глобально. @latest – установить последнюю версию. После установки запустите следующую команду для создания нового приложения.
====Развернуть проект в папке====
Запустите команду CLI ng new и укажите имя my-app, как показано здесь.
ng new httptutorial
{{ :angular:angular2:1.png |}}
Будет загружен шаблон проекта, а также установятся все зависимости. Структура папок проекта:
// end-to-end-tests
|- e2e/
|----- app.e2e-spec.ts
|----- app.po.ts
|----- tsconfig.e2e.json
// npm dependencies
|- node_modules/
// public facing app. built things go here. this wont show until we run a build
|- dist/
// where most of the work will be done
|- src/
|----- app/
|----- app.component.css|html|spec.ts|ts
|----- app.module.ts
|----- assets/
|----- environments/
|----- environment.prod.ts|ts
|----- favicon.ico
|----- index.html
|----- main.ts
|----- polyfills.ts
|----- styles.css
|----- test.ts
|----- tsconfig.app.json
|----- tsconfig.spec.json
|----- typings.d.ts
// overall configuration
|- .angular-cli.json // the main configuration file
|- .editorconfig // editorconfig which is used in some VS Code setups
|- .gitignore
|- karma.conf.js
|- package.json
|- protractor.conf.js
|- README.md
|- tsconfig.json
|- tslint.json
====Запуск приложения====
cd my-httptutorial
ng serve --open
Веб-сервер разработчика запустится на //localhost:4200. Откройте этот адерс, перед вам будет следующая страница.\\
\\
{{ :angular:angular2:3.png |}}