1.9 docs tweak

* Fix headings
* Simplify vscode setup
* Image fix
* Explain in text how to fully get started.
This commit is contained in:
Nigel Breslaw 2024-12-18 14:22:05 +02:00 committed by GitHub
parent 09fc0b82a6
commit f90da1b493
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 11 additions and 36 deletions

View file

@ -230,7 +230,7 @@ export default defineConfig({
],
},
{
label: "Layouts",
label: "Basic Layouts",
items: [
{
label: "Common Properties",
@ -303,7 +303,7 @@ export default defineConfig({
},
},
{
label: "Layouts",
label: "Widget Layouts",
autogenerate: {
directory:
"reference/std-widgets/layouts",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 41 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Before After
Before After

View file

@ -22,54 +22,29 @@ We support many other tools and editors, see [here](https://github.com/slint-ui/
## Setting Up VS Code
<Tabs syncKey="dev-platform">
<TabItem label="Windows" icon="seti:windows">
<Steps>
1. Install VS Code.
Download it [here](https://code.visualstudio.com).
2. Install the Slint extension.
Find it [here](https://marketplace.visualstudio.com/items?itemName=Slint.slint).
3. Create a new project based on a Slint template.
This is done via the command palette (Ctrl+Shift+P).
4. Choose your language.
</Steps>
</TabItem>
<TabItem label="macOS" icon="apple">
<Steps>
1. **Install VS Code.**
Download it [here](https://code.visualstudio.com).
2. **Install the Slint extension.**
Find it [here](https://marketplace.visualstudio.com/items?itemName=Slint.slint).
3. **Create a new project based on a Slint template.**
This is done via the command palette (CMD+Shift+P).
3. **Create a new project based on a Slint template.**
This is done via the command palette (CTRL+Shift+P) or on MacOS (CMD+Shift+P).
![Command palette](../../../../assets/getting-started/macos-vscode-template-1.webp)
Start typing 'slint' and from the options select 'Slint: Create New Project from Template'.
4. **Choose your language.**
![Command palette](../../../../assets/getting-started/macos-vscode-template-3.webp)
Then select from the list of languages.
5. **Choose a folder to save the project in.**
![Project folder](../../../../assets/getting-started/macos-vscode-template-2.webp)
6. **Name the project.**
Give the project a name and now a new project will be created in the selected folder based
on a simple template to get you started.
</Steps>
</TabItem>
<TabItem label="Linux" icon="linux">
<Steps>
1. **Install VS Code.**
Download it [here](https://code.visualstudio.com).
2. **Install the Slint extension.**
Find it [here](https://marketplace.visualstudio.com/items?itemName=Slint.slint).
3. **Create a new project based on a Slint template.**
This is done via the command palette (Ctrl+Shift+P).
4. **Choose your language.**
</Steps>
</TabItem>
</Tabs>