Как запустить Angular подачу, тесты и пух в реальном времени одновременно?

Question

В настоящее время при разработке приложений Angular в коде Visual Studio у меня запущено ng serve.

Это означает, что проект выполняется в режиме разработки и ошибки компиляции TypeScript отображаются в консоли. Кроме того, некоторые ошибки отображаются в окне отладки.

Кроме того, поскольку lint настроен, я вижу ошибки lint в текущих открытых файлах.

Это помогает разрабатывать приложение, не перестраивая его каждый раз.

Но если в файле, который не был открыт, есть ошибка линтера. Я не вижу этого, пока не вызову ng lint в консоли.

То же самое касается тестов. Чтобы найти ошибки, мне нужно отдельно запустить ng test или запустить тесты с расширением кода Visual Studio.

Чего я хотел бы добиться, так это иметь в реальном времени обслуживание, проверку и тестирование моего приложения. Чтобы после каждого изменения файла линтер проверял все файлы проекта на наличие ошибок. И все тесты тоже выполняются сразу.

Как запустить linting, тестирование и обслуживание всего приложения Angular в режиме реального времени на основе изменений файла, сделанных с одновременным отображением вывода?

Answer 1

Вы можете запустить ng serve в одном интегрированном терминале, а затем создать новый интегрированный терминал, нажав значки +.

You можете запустить тест на новой вкладке терминала, и одновременно ng serve и ng test будут выполняться одновременно.

Если вы хотите запустить оба test и serve из одной команды, используйте одновременно .

установить пакет с помощью

npm install concurrently --save

и изменить start script в package.json файле как:

"start": "concurrently \"ng serve\" \"ng test\""

теперь запустите приложение, запустив npm start, при этом будет запущен как скрипт rest, так и serve.

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

Я предлагаю установить расширение tslint, которое будет отображать ошибки в реальном времени в редакторе.

Ошибки Lint также видны на вкладке problems встроенного окна терминала.