---
<!-- Copyright © SixtyFPS GmbH <info@slint.dev> ; SPDX-License-Identifier: MIT -->
title: Visual Studio Code
description: Get going VS Code
---

import { Steps, Tabs, TabItem } from '@astrojs/starlight/components';


If you are new to Slint and want to quickly get started and learning the basics we recommend 
using Visual Studio Code (VS Code). VS Code is popular, free and thanks to the Slint extension 
it is also the easiest to get started with.




:::note[Note]
We support many other tools and editors see [here](https://github.com/slint-ui/slint/blob/master/editors/README.md#editors).
:::


## 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).
![Command palette](../../../../assets/getting-started/macos-vscode-template-1.webp)

4. **Choose your language.**
![Command palette](../../../../assets/getting-started/macos-vscode-template-3.webp)

5. **Choose a folder to save the project in.**  
![Project folder](../../../../assets/getting-started/macos-vscode-template-2.webp)

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