Меньше 10 минут? Да. Но если у вас хорошее подключение к Интернету и соблюдены все необходимые условия, это можно сделать за 3–6 минут.

Условие:

У вас должен быть компьютер и вы умеете работать и устанавливать приложения😊

Начинается обратный отсчет! — Тик-так…

  1. Будь то Mac, Linux или Windows, просто сначала установите Node. Убедитесь, что вы загружаете последнюю стабильную версию.


Node.js
Node.js® — это среда выполнения JavaScript, созданная на базе JavaScript-движка Chrome V8. Node.js использует управляемый событиями неблокирующий ввод-вывод…nodejs.org



2. Чтобы просмотреть установленные версии и проверить, уже установлен узел или нет в системе. Откройте командную строку в Windows/терминале на Mac и Linux, как показано ниже. Не беспокойтесь, npm поставляется с Node!

$ узел -v

$ нпм -v

3. Установить typescript в качестве языка, который будет использоваться в фреймворке Angular. Далее введите:

$ npm установить -g машинопись

4. Чтобы установить typescript и angular-cli глобально.
Далее введите:

$ npm install -g @angular/cli

5. Теперь перейдите к папке/каталогу, в котором вы хотите создать проект Hello World.

$ cd ‹путь к папке проекта здесь›

Чтобы создать новый проект hello-world, введите:

$ ng новый привет-мир

Примечание. После этого вы увидите сообщение «Установка пакетов для инструментов через npm». Пакет большой, поэтому его установка зависит от вашего интернет-соединения. Наконец, вы увидите сообщение «Проект «hello-world» успешно создан».

6. Отсюда в командной строке/терминале/Git Bash введите:

$ cd /‹путь к папке проекта здесь›/hello-world

Как только вы окажетесь внутри hello-world, введите:

$ нг служить

7. После успешной компиляции заходим в браузер и вводим URL:

http://локальный:4200

Вы увидите страницу с сообщением «приложение работает!» или «логотип Angular со ссылками»

Вуаля! ты сделал это менее чем за 10 минут.

Резюме, что вы сделали это :)

За эти минуты мы создали готовый к тестированию проект hello-world, способный к модульному тестированию и сквозному тестированию с исходным кодом на основе компонентов. Давайте прольем свет на созданные нами файлы:

§ README.md — Полезный README

§ angular-cli.json — файл конфигурации angular-cli

§ e2e — сквозные тесты

§ karma.conf.js — конфигурация модульного теста

§ node_modules/ — установленные зависимости

§ package.json — конфигурация npm

§ protractor.conf.js — тестовая конфигурация e2e

§ src/ — источник приложения

§ tslint.json — файл конфигурации линтера

Ссылка на Github:

https://github.com/sundeep-kumar/angular2-basics/tree/master/hello-world