Yarn Spinner Editor
Learn about the Yarn Spinner Editor, our official extension for Visual Studio Code.
Last updated
Was this helpful?
Learn about the Yarn Spinner Editor, our official extension for Visual Studio Code.
Last updated
Was this helpful?
To write and edit Yarn Spinner Scripts you will be using the Yarn Spinner for Visual Studio Code. Yarn Spinner for Visual Studio Code is an extension for the free text editor, Visual Studio Code (VS Code).
Yarn Spinner for Visual Studio Code gives you syntax highlighting, as well as a graph view that displays the nodes, and relationships between the nodes, and a whole bunch of other useful features that we'll be exploring as we learn the Fundamentals.
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.
If you've never used to VS Code before, head to their official website and install it for your operating system and platform before continuing. Don't be alarmed by the AI-powered nonsense Microsoft will try and sell you, you can turn it off.
With the Yarn Spinner Visual Studio Code Extension installed, you can make new Yarn files, and edit existing ones, right inside the VS Code editor.
If you're already familiar with VS Code and VS Code extensions, you can just install the extension secretlab.yarn-spinner, or click here and hit the install button, and you'll be ready to go.
Once you've got VS Code installed on your system, you'll want to install the Yarn Spinner for Visual Studio Code:
Launch Visual Studio Code
Open the Extensions view
To do this, select the blocks symbol from the left-hand sidebar, or press Command+Shift+K on macOS, or Control+Shift+X on Windows or Linux.
Search for the Yarn Spinner Extension
With the Extensions view open, type "Yarn Spinner" into the search field:
Install the Extension
Once the results have loaded, click "Install" next to the Yarn Spinner Extension.
That's all you need to do to install the extension! You're ready to write and edit Yarn scripts with Visual Studio Code.
