Angular 2 – Установка компонентов

Angular 2 – Установка компонентов

От автора: чтобы начать работу, необходима установка Angular 2, включая следующие основные компоненты: Npm, Git, редактор.

 

Npm — менеджер пакетов Node, который используется для работы с хранилищами с открытым исходным кодом. Angular JS, как фреймворк, содержит зависимости с другими компонентами. И npm можно использовать для загрузки этих зависимостей и прикрепления к проекту.

Git — это программное обеспечение с открытым исходным кодом, которое можно использовать для получения примера приложения с сайта Angular на github.

Редактор. Существует множество редакторов, которые могут использоваться для разработки на Angular JS, например, Visual Studio Code или WebStorm. В данном руководстве мы будем использовать Visual Studio Code, который предоставляется бесплатно от Microsoft.

Практический курс по созданию веб-приложения на Angular4

Станьте профессиональным веб-разработчиком, создавая востребованные веб-приложения на Angular4.

Узнать подробнее

Установка npm

Давайте рассмотрим этапы установки npm. Официальный сайт npm — https://www.npmjs.com/

Angular 2 – Установка компонентов

Шаг 1 — Перейдите в раздел сайта “get stated with npm”.

Angular 2 – Установка компонентов

Шаг 2 — На следующей странице выберите инсталятор для скачивания в зависимости от вашей операционной системы. Для целей этого руководства мы используем пакет под 64-разрядную версию Windows.

Angular 2 – Установка компонентов

Шаг 3 — Запустите инсталятор. В окне приветствия нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 4 — В следующем окне примите условия лицензионного соглашения и нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 5 — В следующем окне выберите папку назначения для установки программы и нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 6 — В следующем окне выберите компоненты и нажмите кнопку Next. Вы можете принять для установки все компоненты по умолчанию.

Angular 2 – Установка компонентов

Шаг 7 — В следующем окне нажмите кнопку Install.

Angular 2 – Установка компонентов

Шаг 8 — По завершении установки нажмите кнопку Finish.

Angular 2 – Установка компонентов

Шаг 9 — Чтобы подтвердить установку, в командной строке вы можете указать команду npm. Вы получите номер версии npm, как показано на следующем скриншоте.

Angular 2 – Установка компонентов

Установка Visual Studio Code

Ниже перечислены отличительные особенности Visual Studio Code:

Более компактный редактор по сравнению с Visual Studio.

Может использоваться для языков кодирования, таких как Clojure, Java, Objective-C и многих других.

Встроенное расширение Git.

Встроенная функция IntelliSense.

И другие расширения для разработки.

Официальный сайт Visual Studio Code — https://code.visualstudio.com/

Angular 2 – Установка компонентов

Шаг 1 — После завершения загрузки следуйте инструкциям по установке. В окне приветствия нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 2 — В следующем окне примите условия лицензионного соглашение и нажмите кнопку Next

Angular 2 – Установка компонентов

Практический курс по созданию веб-приложения на Angular4

Станьте профессиональным веб-разработчиком, создавая востребованные веб-приложения на Angular4.

Узнать подробнее

Шаг 3 — В следующем окне выберите место назначения для установки программы и нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 4 — Выберите имя ярлыка программы и нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 5 — Примите настройки по умолчанию и нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 6 — В следующем окне нажмите кнопку Install.

Angular 2 – Установка компонентов

Шаг 7 — В следующем окне нажмите кнопку Finish, чтобы запустить Visual Studio Code.

Angular 2 – Установка компонентов

Установка Git

Некоторые из основных особенностей Git:

Простое разделение и сведение кода.

Предоставление использования многих методов для потока кода в Git.

Git очень быстр по сравнению с другими инструментами SCM.

Обеспечивает более высокую точность данных.

Бесплатное программное обеспечение с открытым исходным кодом.

Официальный сайт Git — https://git-scm.com/

Angular 2 – Установка компонентов

Шаг 1 — После завершения загрузки следуйте инструкциям по установке. В окне приветствия нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 2 — Выберите компоненты, которые необходимо установить. Вы можете принять набор компонентов по умолчанию.

Angular 2 – Установка компонентов

Шаг 3 — На следующем этапе выберите имя ярлыка программы и нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 4 — В следующем окне просто нажмите кнопку Next, не изменяя выбор исполняемого файла SSH по умолчанию.

Angular 2 – Установка компонентов

Шаг 5 — В следующем окне также примите настройки по умолчанию “Checkout Windows style, commit Unix style endings” и нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 6 — Далее примите настройки по умолчанию для эмулятора терминала и нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 7 — Примите настройки по умолчанию и нажмите кнопку Next.

Angular 2 – Установка компонентов

Шаг 8 — Вы можете пропустить экспериментальные параметры и нажать кнопку Next.

Angular 2 – Установка компонентов

Шаг 9 — В последнем окне нажмите кнопку Finish, чтобы завершить установку.

Angular 2 – Установка компонентов

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Практический курс по созданию веб-приложения на Angular4

Станьте профессиональным веб-разработчиком, создавая востребованные веб-приложения на Angular4.

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Angular 4 с Нуля до Профи

Angular 4 - полное руководство для современной веб-разработки

Научиться

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree