Если вам понравилась эта статья, пожалуйста, хлопайте в ладоши, делитесь ею и подписывайтесь на меня, чтобы получать больше такого информативного контента.
Я проведу вас через настройку вашей среды разработки Angular. Мы рассмотрим Node.js, npm и установку Angular CLI. Кроме того, я покажу, как запустить новый проект Angular в вашем браузере.
Прежде чем приступить к разработке приложений Angular, нам нужно установить нашу среду. Это включает в себя представление важного программного обеспечения и оборудования для работы.
Установка Node.js и npm
Самый важный этап в настройке вашей системы — знакомство с Node.js и npm. Node.js — это этап, который позволяет запускать JavaScript на стороне сервера. npm – это менеджер пакетов, который позволяет вам вводить и контролировать сторонние пакеты и библиотеки в ваших приложениях.
Чтобы установить Node.js и npm, посетите официальный сайт Node.js по адресу https://nodejs.org/. Вы можете выбрать самую последнюю версию Node.js и придерживаться инструкций по установке для своей рабочей среды.
Всякий раз, когда вы вводите Node.js, вы можете подтвердить это, запустив соответствующий заказ в своем терминале или краткое описание заказа:
узел -v
Это должно показать вариант Node.js, который вы установили. Вы также можете подтвердить, что npm вводится, выполнив следующую команду:
npm -v
Внедрение Angular CLI
Создание и управление приложениями Angular упрощается с помощью Angular CLI (интерфейс командной строки). Он предоставляет вам набор команд, которые позволяют запускать новый проект, выполнять тесты и создавать приложение для использования.
Чтобы установить Angular CLI, введите следующую строку в свой терминал или командную строку:
npm install -g @angular/cli
Вы можете проверить установку Angular CLI, выполнив следующую строку после установки:
ng -v
Создание нового проекта Angular
Теперь, когда необходимое программное обеспечение и инструменты установлены, вы можете начать новый проект Angular. Введите следующую команду, чтобы запустить новый проект в терминале или в командной строке:
новое новое приложение
Будет создан новый проект Angular, который будет помещен в каталог my-app. Вы можете использовать любое другое имя для «My-app».
Ваш проект Angular запущен.
Когда ваш проект Angular будет готов, вы можете запустить его с помощью следующей команды:
cd my-app
ng serve
Сделав это, вы запустите локальный сервер разработки и запустите свое приложение в выбранном вами веб-браузере. Вы можете получить доступ к своему приложению по адресу http://localhost:4200, запустив веб-браузер и введя этот адрес.
Поздравляем! Ваша среда разработки Angular успешно настроена. Вскоре мы изучим концепцию компонентов Angular.
Если вам понравилась эта статья, пожалуйста, хлопайте в ладоши, делитесь ею и подписывайтесь на меня, чтобы получать больше такого информативного контента.