Angular — это фреймворк для создания клиентских и серверных приложений. Это фреймворк с открытым исходным кодом, первоначально выпущенный Google в 2012 году как AngularJS. Для получения дополнительной информации об Angular посетите официальный сайт
В этой статье мы узнаем, как настроить среду разработки для Angular 7, чтобы начать наше путешествие с разработкой Angular.
Вот список инструментов, которые нам необходимо установить:
- Код Visual Studio
- Узел
- НПМ
- Угловой интерфейс командной строки
Шаг 1. Установите Visual Studio Code
Visual Studio Code – это мощный редактор с открытым исходным кодом, разработанный Microsoft, который также является предпочтительным редактором для разработчиков по всему миру. Скачать установщик VS Code можно здесь. Если вам не нравится VS Code и вы хотите использовать свой любимый текстовый редактор, вы можете это сделать 😉.
Шаг 2. Установите Node
Node.js — это кроссплатформенная среда выполнения JavaScript с открытым исходным кодом, которая выполняет код JavaScript вне браузера. Вы можете скачать текущую или LTS-версию Node.js здесь.
Чтобы убедиться в успешной установке Node JS в вашей системе, откройте терминал и выполните команду
узел -v
Шаг 3. Диспетчер пакетов Node (NPM)
Диспетчер пакетов Node поставляется вместе с Node.js, чтобы убедиться, что npm успешно установлен, запустите приведенную ниже команду в терминале.
нпм -в
Шаг 4: Установите Angular CLI
Angular CLI — это инструмент командной строки, необходимый для создания, сборки и запуска проектов angular. Более подробная информация доступна здесь.
Чтобы установить Angular CLI глобально, выполните следующую команду в терминале:
npm установить -g @angular/cli
Установка займет минуту или две после успешной установки выполните приведенную ниже команду, чтобы проверить
нг — версия
Теперь, когда мы установили все необходимые инструменты, давайте создадим наше первое приложение Angular.
Шаг 1.Откройте Visual Studio Code и на главном экране нажмите Ctrl +~, чтобы открыть встроенный терминал.
Шаг 2. Во встроенном терминале VS Code введите
новое первое демо-приложение
Он создаст файлы проекта, а также загрузит зависимости для успешного запуска приложения.
Шаг 3.Чтобы скомпилировать и запустить только что созданный проект, выполните в терминале следующие команды:
cd firstDemoApp
ng serve -o
команда ng serve скомпилирует и запустит проект, открыв браузер по умолчанию.
Заключение. В этой статье мы успешно настроили среду разработки, создали наш первый угловой проект и успешно его запустили.