Browse Source

Actualize `Getting started` tutorials (#2457)

Fixes https://github.com/JetBrains/compose-jb/issues/2450
pull/2464/head
Igor Demin 2 years ago committed by GitHub
parent
commit
b58d3355b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 12
      tutorials/Getting_Started/README.md
  2. 0
      tutorials/Getting_Started/app-run.png
  3. 0
      tutorials/Getting_Started/app.gif
  4. 0
      tutorials/Getting_Started/open.png
  5. BIN
      tutorials/Getting_Started/screen3.png
  6. BIN
      tutorials/Getting_Started/screen4.png
  7. BIN
      tutorials/Getting_Started/screen5.png
  8. BIN
      tutorials/Getting_Started/wizard1.png
  9. BIN
      tutorials/Getting_Started/wizard2.png
  10. 6
      tutorials/Web/Getting_Started/README.md
  11. BIN
      tutorials/Web/Getting_Started/wizard.png

12
tutorials/Getting_Started/README.md

@ -24,11 +24,9 @@ which creates a Compose application automatically.
Note that JDK must be at least JDK 11, and to use the native distribution Note that JDK must be at least JDK 11, and to use the native distribution
packaging, JDK 15 or later must be used. packaging, JDK 15 or later must be used.
<img alt="Create new project 1" src="screen3.png" height="500" /> <img alt="Create new project 1" src="wizard1.png" height="500" />
<img alt="Create new project 2" src="screen4.png" height="500" /> <img alt="Create new project 2" src="wizard2.png" height="500" />
<img alt="Create new project 3" src="screen5.png" height="500" />
### IDE plugin ### IDE plugin
@ -145,20 +143,20 @@ fun main() = application {
Open `build.gradle.kts` [as a project](https://www.jetbrains.com/help/idea/jetgradle-tool-window.html) in IntelliJ IDEA. Open `build.gradle.kts` [as a project](https://www.jetbrains.com/help/idea/jetgradle-tool-window.html) in IntelliJ IDEA.
<img alt="New project" src="screen1.png" height="500" /> <img alt="New project" src="open.png" height="500" />
After you download the Compose for Desktop dependencies from the Maven repositories, your new project is ready After you download the Compose for Desktop dependencies from the Maven repositories, your new project is ready
to go. Open the Gradle toolbar on the right and select `sample/Tasks/compose desktop/run`. to go. Open the Gradle toolbar on the right and select `sample/Tasks/compose desktop/run`.
The first run may take some time. Afterwards, the following dialog will be shown: The first run may take some time. Afterwards, the following dialog will be shown:
<img alt="Application running" src="screen2.gif" height="500" /> <img alt="Application running" src="app.gif" height="500" />
You can click on the button several times and see that the application reacts and You can click on the button several times and see that the application reacts and
updates the UI. updates the UI.
Running and debugging the `main()` function using run gutter is also supported. Running and debugging the `main()` function using run gutter is also supported.
<img alt="Application running" src="screen6.png" height="500" /> <img alt="Application running" src="app-run.png" height="500" />
## Next steps ## Next steps

0
tutorials/Getting_Started/screen6.png → tutorials/Getting_Started/app-run.png

Before

Width:  |  Height:  |  Size: 170 KiB

After

Width:  |  Height:  |  Size: 170 KiB

0
tutorials/Getting_Started/screen2.gif → tutorials/Getting_Started/app.gif

Before

Width:  |  Height:  |  Size: 427 KiB

After

Width:  |  Height:  |  Size: 427 KiB

0
tutorials/Getting_Started/screen1.png → tutorials/Getting_Started/open.png

Before

Width:  |  Height:  |  Size: 565 KiB

After

Width:  |  Height:  |  Size: 565 KiB

BIN
tutorials/Getting_Started/screen3.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 275 KiB

BIN
tutorials/Getting_Started/screen4.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 128 KiB

BIN
tutorials/Getting_Started/screen5.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 596 KiB

BIN
tutorials/Getting_Started/wizard1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 539 KiB

BIN
tutorials/Getting_Started/wizard2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 755 KiB

6
tutorials/Web/Getting_Started/README.md

@ -12,9 +12,11 @@ You need to have the following software installed before you begin:
## Creating a new project ## Creating a new project
If you don't want to create the project manually, you can [download the template here](https://github.com/JetBrains/compose-jb/tree/master/templates/web-template) You can create the project by [downloading the template here](https://github.com/JetBrains/compose-jb/tree/master/templates/web-template) or using the Project Wizard in IDEA:
The project wizard doesn't support Compose for web projects yet, so we need to perform the following steps: <img alt="Create new project" src="wizard.png" height="500" />
If you want to create the project manually, perform the following steps:
#### 1. Create a Kotlin Multiplatform project: #### 1. Create a Kotlin Multiplatform project:
- Select `Gradle` on the left menu - Select `Gradle` on the left menu

BIN
tutorials/Web/Getting_Started/wizard.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 539 KiB

Loading…
Cancel
Save