Запуск Kotlin/JS

Поскольку проекты Kotlin/JS управляются плагином Kotlin/JS Gradle, вы можете запустить свой проект, используя соответствующие задачи. Если вы начинаете с пустого проекта, убедитесь, что у вас есть пример кода для выполнения. Создайте файл src/main/kotlin/App.kt и заполните его небольшим фрагментом кода типа "Hello, World":

fun main() {
    console.log("Hello, Kotlin/JS!")
}

В зависимости от целевой платформы, для запуска кода в первый раз может потребоваться дополнительная настройка, специфичная для платформы.

Запуск целевой платформы Node.js

При использовании Kotlin/JS для целевой платформы Node.js вы можете просто выполнить задачу Gradle run. Это можно сделать, например, через командную строку, используя оболочку Gradle:

./gradlew run

Если вы используете IntelliJ IDEA, вы можете найти действие run в окне инструментов Gradle:

При первом запуске плагин Gradle kotlin.js загрузит все необходимые зависимости, чтобы вы могли начать работу. После завершения сборки программа выполняется, и вы можете увидеть выходные данные логов в терминале:

Executing a Kotlin JS program in IntelliJ IDEA

Запуск целевой платформы браузер

При использовании целевой платформы браузер ваш проект должен иметь HTML-страницу. Эта страница будет предоставляться сервером разработки во время работы над вашим приложением и должна содержать скомпилированный файл Kotlin/JS. Создайте и заполните HTML-файл /src/main/resources/index.html:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello, Kotlin/JS!</title>
</head>
<body>

</body>
<script src="jsTutorial.js"></script>
</html>

По умолчанию, имя сгенерированного артефакта вашего проекта (создаваемого через webpack), который нужно сослаться, — это имя вашего проекта (в данном случае, jsTutorial). Если вы назвали свой проект followAlong, убедитесь, что вы вставили followAlong.js вместо jsTutorial.js

После внесения этих изменений запустите интегрированный сервер разработки. Вы можете сделать это из командной строки, используя оболочку Gradle:

./gradlew run

При работе из IntelliJ IDEA вы можете найти действие run в окне инструментов Gradle.

После сборки проекта встроенный webpack-dev-server начнет работу и откроет (похоже пустое) окно браузера, указывающее на HTML-файл, который вы указали ранее. Чтобы убедиться, что ваша программа работает правильно, откройте инструменты разработчика браузера (например, щелкнув правой кнопкой мыши и выбрав действие Инспектировать). Внутри инструментов разработчика перейдите в консоль, где вы можете увидеть результаты выполнения JavaScript-кода:

Console output in browser developer tools

С этой настройкой вы можете перекомпилировать свой проект после каждого изменения кода, чтобы увидеть изменения. Kotlin/JS также поддерживает более удобный способ автоматической пересборки приложения во время разработки. Чтобы узнать, как настроить этот непрерывный режим, ознакомьтесь с соответствующим руководством.

Последнее изменение: 10 января 2023 г.

© 2010–2023 JetBrains s.r.o. and Kotlin Programming Language contributors
Licensed under the Apache License, Version 2.0.
https://kotlinlang.org/docs/running-kotlin-js.html