Краткий анализ того, как разрабатывать Angular в IDEA

В предыдущей статье мы узнали о среде, которую необходимо подготовить для разработки на Angular. После того, как мы настроили среду, невозможно напрямую использовать текстовые инструменты для программирования. Нам необходимо выбрать IDE, и хорошая IDE может сделать нашу. развитие более эффективно с вполовину меньшими усилиями. Я выбрал JetBrains IDEA, главным образом из-за того, что в моей работе используется несколько редакторов. IDEA — лучшая IDE, поддерживающая разработку на Angular.

новый проект

Файл => Новый => Проект => JavaScript => Angular CLI.

После выбора следующего шага мы можем настроить в нем наш проект. Если вы следовали за мной с самого начала до этого шага, вы обнаружите, что IDEA автоматически настроила интерпретатор Node и Angular CLI. Нам нужно только указать имя нашего проекта. [Рекомендуемые связанные учебные пособия: «учебник по Angular»]

После нажатия кнопки «Готово» дождитесь завершения сборки. Когда консоль выведет следующее содержимое, это означает, что сборка прошла успешно.

Файл будет иметь исходные окончания строк в вашем рабочем каталоге.
    Успешно инициализировал git.
Готово.

Запустите проект в IDEA.

1. Показать скрипт npm.

Найдите файл pachage.json в корневом каталоге проекта, щелкните правой кнопкой мыши и выберите «Показать скрипт npm», после чего появится новое окно.

В этом окне есть несколько часто используемых команд. Команда start эквивалентна команде ng submit. Дважды щелкните «Пуск», и проект начнет компилироваться и запускаться. После завершения запуска консоль выведет следующую информацию

*. * Сервер Angular Live Development прослушивает локальный хост: 4200, откройте браузер на http://localhost:4200/ **

√ Скомпилировано успешно.

На данный момент посетите http://localhost:4200/.

Команды npm фактически определены в package.json, и мы также можем настраивать команды.

«версию узла»: «node -v»

в узел сценариев package.json

, а затем обновляем интерфейс npm. Вы можете видеть, что добавлена ​​новая команда версии узла . Двойной щелчок по ней будет иметь тот же эффект, что и. выполнение команды node -v .