Рубрики

Угловая 7 | Установка

AngularJS, Веб-технологии

Чтобы установить Angular 7 на ваш компьютер, вам необходимо установить на нем следующие вещи.

  • Установите Visual Studio Code IDE или JetBrains WebStorm.
  • Установить Node.js
  • Использование npm для установки углового

Выполните шаги для настройки среды Angular 7:

  • Шаг 1. Установите Visual Studio Code IDE (или JetBrains WebStorm)
    Visual Studio Code легок и прост в настройке, имеет большой набор встроенных функций IntelliSense. Это бесплатно для использования. Также предусмотрено огромное количество расширений, которые значительно повысят производительность.
    Нажмите на ссылку, чтобы скачать
  • Шаг 2: Установите Node.js
    Node.js управляет зависимостями npm, поддерживает некоторые браузеры при загрузке определенных страниц. Он предоставляет необходимые библиотеки для запуска проекта Angular. Он также обслуживает среду выполнения на локальном хосте (локальном компьютере).
    Чтобы скачать Node.js Clcik здесь , следуйте скриншотам ниже.

  • Шаг 3: Использование npm для установки углового
    Откройте ID-код VS Code, выберите папку для пути проекта и откройте ее в VS Code, выбрав « Файл» -> «Открыть папку» .
    Выполните следующую команду, чтобы установить угловой CLI:
    npm install -g @angular/cli


    Он загрузит угловой код, откуда мы будем использовать команду ng для дальнейших действий.

Чтобы создать приложение Angular, следуйте инструкциям после установки Angular cli:

  • Шаг 1: Создание и запуск FirstApp
    Теперь с помощью CLI мы готовы начать с создания нового проекта по умолчанию. Для этого напишите на терминале следующую команду.
    ng new FirstApp

    Это создаст все настройки и файлы вместе с угловой страницей по умолчанию. Обратите внимание на диаграмму, для каждого проекта он запрашивает погоду, чтобы включить маршрутизацию или нет, и стиль, который мы хотим выбрать (CSS, SCSS, Stylus). Выберите да для маршрутизации, если приложение содержит несколько связанных компонентов. Когда все будет готово, мы увидим, что в левом столбце каталога появится каталог с именем FirstApp.

  • Шаг 2: Теперь запустите его на локальном сервере. Для этого сначала перейдите в папку проекта с помощью команды cd и введите следующую команду на терминале.
    • cd FirstApp
    • -o опция используется для автоматического открытия браузера:
      ng serve -o


    Вот так будет выглядеть страница по умолчанию:

    Чтобы закрыть сервер: откройте IDE, нажмите Ctrl + C и нажмите Y, когда появится запрос на завершение работы сервера.

Рекомендуемые посты:

Угловая 7 | Установка

0.00 (0%) 0 votes