SixtyFPS for Visual Studio Code是一款专为设计标记语言开发者打造的强大扩展工具。通过集成到Visual Studio Code中，该扩展为您提供了一系列实用的功能，帮助您更高效地编写和预览.60文件。

核心功能：

• 语法高亮：清晰区分代码结构，提高可读性。
• 诊断功能：实时检查.60文件中的错误，确保代码质量。
• 实时预览：在编辑.60文件时，通过"SixtyFPS: Show Preview"命令，即时查看文件渲染效果，任何更改都将即时显示，无需保存。
• 属性补全：加速开发过程，提升编码效率。
• 跳转到定义：快速定位到组件定义处（目前仅支持组件定义）。

安装指南：

您可以直接从Visual Studio Code Marketplace安装该扩展。一旦安装完成，当您编辑.60扩展名的文件时，扩展将自动激活。

实时预览功能：

除了常规的代码编辑功能如属性补全和语法高亮外，该扩展还提供了实时查看文件渲染效果的功能。您只需在编辑.60文件时从命令面板中选择"SixtyFPS: Show Preview"命令，即可在新的顶级窗口中查看并实时更新编辑内容。

问题报告：

如遇任何问题，请在SixtyFPS的官方问题跟踪器中报告。

从源码构建：

1. 构建LSP：

   cargo build --bin sixtyfps-lsp

2. 在vscode目录中运行npm install：

   cd vscode_extension
   npm install

调试LSP：

目前，您需要在VS Code中加载此目录，然后开始调试（运行 -> 开始调试）。这将调试VS Code扩展并创建一个新的VS Code窗口。如果之前已经构建，LSP服务器二进制文件将被启动。您可以在输出窗格"SixtyFPS LSP"中查看输出（这是通常显示"任务"的下拉菜单）。

构建扩展包：

要创建用于本地安装的.vsix包：

1. 按照上述步骤构建LSP二进制文件并安装npm依赖。

2. 创建.vsix包（需要安装vsce）：

   npm run local-package

3. 安装.vsix文件：

   code --install-extension sixtyfps-vscode-*.vsix

4. 重新加载您的VS Code窗口。

请注意，所生成的.vsix包包含您本地构建的调试LSP服务器，不适合分发。