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
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 3" src="screen5.png" height="500" />
<img alt="Create new project 2" src="wizard2.png" height="500" />
### 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.
<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
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:
<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
updates the UI.
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

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
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:
- 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