纺纱机编辑器

回到 初学者指南,您通过使用我们的在线工具 Try Yarn Spinner 学习了 Yarn Spinner 脚本的基础知识。

虽然 Try Yarn Spinner 非常适合基础知识和实验,但当您开始创建更复杂的叙述时,您需要一个出色的编辑器!是时候认识 Yarn Spinner for Visual Studio Code了。

Visual Studio Code 的纱线纺纱器

Yarn Spinner for Visual Studio Code 是免费文本编辑器 Visual Studio Code(“VS Code”)的扩展。

适用于 Visual Studio Code 的 Yarn Spinner 为您提供了 Yarn Spinner 脚本的语法突出显示,以及显示节点和节点之间关系的图形视图,以及我们在学习使用 Visual Studio Code 编写 Yarn Spinner 脚本时将探索的一大堆其他有用功能

VS Code editing a Yarn script

[!信息] Visual Studio Code 是一款适用于 Windows、macOS 和 Linux 的强大、灵活的开源代码编辑器。它支持扩展,使其能够执行各种有用的任务。纺纱机扩展装置就是其中之一。

如果您以前从未使用过 VS Code, 前往他们的官方网站并安装它 在继续之前先检查您的操作系统和平台。

[!信息] 如果您已经熟悉 VS Code 和 VS Code 扩展,则只需安装扩展即可 secretlab.yarn-spinner,或单击 这里 并点击安装按钮,您就可以开始了。

不要对微软试图推销给你的人工智能驱动的废话太惊慌。您可以通过命令面板禁用大多数 AI“功能”,方法是按 Shift + Command + P (Mac) 或 Ctrl + Shift + P (Windows/Linux),或选择“视图”菜单 命令面板…,然后键入 Chat: Hide Copilot 并按回车键/回车键:

关闭“有用”“功能”。

为 Visual Studio Code 安装 Yarn Spinner

在系统上安装 VS Code 后,您需要安装 Yarn Spinner for Visual Studio Code。为此:

步骤1

启动 Visual Studio 代码

步骤2

打开扩展视图

为此,请从左侧边栏中选择块符号,或者在 macOS 上按 Command+Shift+K,或在 Windows 或 Linux 上按 Control+Shift+X

步骤3

搜索纺纱机扩展

打开“扩展”视图后,在搜索字段中输入“Yarn Spinner”。

The Yarn Spinner Extension

步骤4

安装扩展

结果加载后,查找经过验证的 Yarn Spinner 扩展,然后单击其旁边的“安装”。

这就是安装扩展所需要做的全部工作!你准备好了 在 Visual Studio Code 中编写和编辑 Yarn Spinner 脚本.