> For the complete documentation index, see [llms.txt](https://docs.yarnspinner.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yarnspinner.dev/2.2/getting-started/editing-with-vs-code.md).

# Editing with VS Code

The preferred way of writing your Yarn Spinner code is with the official **Yarn Spinner Visual Studio Code Extension**.

The official extension adds syntax highlight to VS Code's text editor, as well as a graph view that displays the nodes, and relationships between the nodes.

![VS Code editing a Yarn script](/files/96TfG6ctP44M5igtGpDh)

If you've never used to Visual Studio Code before, [head to their official website and install it](https://code.visualstudio.com) for your operating system and platform, and then continue to [Installing the Extension](/2.2/getting-started/editing-with-vs-code/installing-the-extension.md).

{% hint style="info" %}
Visual Studio Code is a powerful, flexible, open source code editor for Windows, macOS, and Linux. It supports extensions, which allow it to perform a wide range of useful tasks. The Yarn Spinner Extension is one of these.
{% endhint %}

##