# Visual Studio Code

## Download

* Visit the [Visual Studio Code](https://code.visualstudio.com/) website and download the program

{% hint style="warning" %}
Make sure you check the "Open with code" boxes!
{% endhint %}

## Extensions

* [Sumneko lua extension](https://marketplace.visualstudio.com/items?itemName=sumneko.lua)

![](/files/RhkeutgGkjjpThVf7vs9)

* [Gccfeli lua formatter](https://marketplace.visualstudio.com/items?itemName=gccfeli.vscode-lua)

![](/files/NgjwVuHemA08qfYazENi)

* [Prettier code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) (*JavaScript, TypeScript, CSS, HTML, Vue, JSX*)

![](/files/QmR6622iZMNIXm0xVDm8)

* [FiveM natives](https://marketplace.visualstudio.com/items?itemName=overextended.cfxlua-vscode)

<figure><img src="/files/FcOSXBroB2yO8ehCLYLX" alt=""><figcaption></figcaption></figure>

* [Material icon theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) (cosmetic only)

![](/files/MChfiA3oozEsZxFGa2q2)

* [One Dark Pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme) (cosmetic only)

![](/files/6RNTrLpugSL06w7JEf38)

* [QBCore Snippets](https://marketplace.visualstudio.com/items?itemName=JericoFX.qb-core-snippets)

<figure><img src="/files/RuqzrYZ3xk4zygbQzOy4" alt=""><figcaption></figcaption></figure>

## Fonts

### Fira Code

{% hint style="info" %}
Download file, double click the ttf files and install the font
{% endhint %}

{% file src="/files/Tm2oo8RqdqeidnZOJIl0" %}

{% hint style="success" %}
File -> Preferences -> Settings -> Font Family -> Fira Code
{% endhint %}

![](/files/OTMq2DOvdp3k5zKEekLh)

### JetBrains Mono

{% hint style="info" %}
Download file, double click the ttf files you want and install the font
{% endhint %}

{% file src="/files/4CT8sqmF7r37jqCRqnm6" %}

{% hint style="success" %}
File -> Preferences -> Settings -> Font Family -> JetBrains Mono
{% endhint %}

![](/files/kcJ1FA6MC1CMOVBmklXk)

## Extension Settings

{% hint style="info" %}
You can search for these through File -> Preferences -> Settings
{% endhint %}

### Sumneko

Built-in lua diagnostics

* undefined-global
* err-nonstandard-symbol
* unknown-symbol

![](/files/SLzy3sgyFkt9amp5YPB8)

Trim trailing whitespace on file save

![](/files/dacVN0OchEMjFn0WgXuz)

### One Dark Pro

Selecting a theme

![](/files/qJgaMxNKU6WkgJyU7SmA)

## Opening a folder

{% hint style="info" %}
You can also do File -> Open Folder...
{% endhint %}

![](/files/DCrEInpg6PEeWgTG91KO)

## Global Searching

{% hint style="info" %}
Can be accessed via the magnifying glass or using the keyboard shortcuts `Shift` + `CTRL` + `F` (varies by user if you've changed them)
{% endhint %}

![](/files/pyuTtgf1mqU7t3qykugx)

## GitHub Integration

{% hint style="danger" %}
Must have [git](https://git-scm.com/downloads) installed!
{% endhint %}

{% hint style="info" %}
There is some configuring to do with these extensions but most of it is just signing into your GitHub account and exploring the "source control" tab on the left!
{% endhint %}

### Extensions

* Download the [Git Extension Pack](https://marketplace.visualstudio.com/items?itemName=donjayamanne.git-extension-pack)

![](/files/6yZy32eogfnl550FlRQx)

* Download [GitHub Pull Requests and Issues](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github)

![](/files/WqzpOdhTAmETCxvIEx1T)

* Sign up for [GitHub Copilot](https://copilot.github.com/) and install (optional)

![](/files/NRl0cuTORuGS0xlPXt4g)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.qbcore.org/qbcore-documentation/guides/visual-studio-code.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.