# 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](https://1350824522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MUzduXovTOfMmBpZ0Wi%2Fuploads%2FOnnWOijGD3V1QjZ1JP3P%2FScreenshot%202023-12-14%20at%202.23.45%E2%80%AFpm.png?alt=media\&token=5cc4e07a-a321-4746-a982-2129ddbe35d3)

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](https://docs.yarnspinner.dev/2.4/getting-started/editing-with-vs-code/installing-the-extension "mention").

{% 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 %}

##