# 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://2890502732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpU65rcsdcRDppAew7XkH%2Fuploads%2Fgit-blob-4db27fc5a6a02f115d68050c4990b9ed86fc5565%2Fspaces_-MUzduXovTOfMmBpZ0Wi_uploads_git-blob-4db27fc5a6a02f115d68050c4990b9ed86fc5565_links_vscode.png?alt=media)

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.0/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 %}

##