Привет, мои друзья-хипстеры!
Как участник, рецензент или просто любопытный пользователь JHipster, вы, вероятно, задавались вопросом, как эффективно отлаживать генераторы JHipster.
Отладка приложения обязательна, когда вы внедряете какой-то новый код или когда вам нужно понять внутренние механизмы.
Я представляю вам краткое введение в режим отладки VSCode с JHipster.
Наслаждаться!
Подготовьте свою среду
Во-первых, вам нужно скачать VSCode. VSCode — это облегченный редактор исходного кода, разработанный Microsoft, который особенно хорошо работает с основным генератором JHipster.
Затем клонируйте проект generator-jhipster.
Откройте проект в VSCode.
Конфигурации отладки JHipster
VSCode предоставляет множество возможностей для отладки вашего собственного приложения. Как обычно, JHipster облегчает вашу работу.
Откройте файл launch.json в папке .vscode.
Здесь мы видим много конфигов. На самом деле каждый объект в массиве «configurations» представляет собой определенную конфигурацию отладки.
Например:
Сосредоточьтесь на секунду на поле «program». Это программа node, запущенная с этим профилем отладки.
«args» содержит все аргументы, которые вы хотите добавить при запуске программы. «консоль» означает, какая консоль будет использоваться, здесь интегрированная в VSCode. «cwd» — это текущий рабочий каталог, другими словами, каталог, в котором мы будем запускать JHipster и генерировать приложение.
Если вы проверите этот каталог, вы увидите .yo-rc.json с большим количеством информации о проекте JHipster. При запуске JHipster обнаружит этот файл и загрузит из него параметры, нет необходимости заполнять шаг вопросов.
Запускаем нашу первую сессию отладки
Откройте generators/app/index.js и добавьте точку останова в конструкторе (щелкните в редакторе слева от номеров строк. Когда точка останова установлена, появляется красная точка). активирован).
Например, здесь:
Откройте меню отладки и выберите конфигурацию «jhipster generate sample-dev». Запустите его!
Отладчик должен остановиться в нашей точке останова, и мы сможем перемещаться по «переменным» и «стеку вызовов». Мы также можем добавить элементы «часы».
Поздравляем, вы только что запустили свой первый JHipster в режиме отладки!
Идти дальше
Следующим шагом может быть определение собственной конфигурации отладки. Это будет, наверное, довольно близко к тем, что есть у JHipster. Вы можете изменить значение «cwd», чтобы выбрать свою собственную папку (например, /tmp/my_debug_folder). Если вы настроите таргетинг на папку без .yo-rc.json внутри, вы сможете ответить на вопросы генератора. Это может быть полезно, если вы хотите протестировать множество сценариев.
Значения «args» можно изменить, чтобы добавить некоторые специальные параметры, такие как «— skip-server», если вы хотите создать фронтальное приложение.
Вывод
Мы видели, что VSCode «готов к отладке» и имеет некоторые функции для простой отладки приложений. JHipster предлагает свои собственные профили отладки, и мы видели, как с ними обращаться.
У JHipster больше не будет секретов для вас.
