Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Solely Framework SupportNew to Visual Studio Code? Get it now.
Solely Framework Support

Solely Framework Support

solely

|
2 installs
| (0) | Free
VS Code extension for Solely framework - provides syntax highlighting, go-to-definition, hover hints, and diagnostics for Solely HTML templates
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Solely Framework Support

VS Code 扩展,为 Solely 框架的 HTML 模板提供语法高亮、智能跳转、悬停提示和错误诊断。

功能

功能 说明
语法高亮 $data.xxx、this.xxx()、<If>/<For> 控制流标签、@click 事件绑定等均有独立配色
定义跳转 模板中 this.method() 跳转到 TS 方法定义,$data.xxx 跳转到属性定义,ref="xxx" 跳转到 $refs 引用
悬停提示 鼠标悬停在方法名/属性名上显示类型信息和跳转提示
错误诊断 <If>/<ElseIf>/<Else>/<For> 标签配对检查,嵌套错误自动提示
模板关联 自动识别 import template from './xxx.html?raw' / ?solely,正确关联 HTML 模板与 TS 组件

安装

在 VS Code 扩展商店搜索 "Solely Framework Support" 安装,或通过命令行:

code --install-extension solely.solely-vscode

使用

安装后,在 Solely 项目中打开任意 HTML 模板文件即可自动启用,无需额外配置。

跳转

按住 Ctrl(Mac: Cmd)点击模板中的方法名、属性名或引用,即可跳转到 TS 文件中对应的定义。

悬停

鼠标悬停在方法名或属性名上,查看相关信息。

版本要求

  • VS Code >= 1.85.0
  • 项目需使用 import template from './xxx.html?raw' 或 ?solely 方式导入模板

问题反馈

如有问题或建议,请在 GitHub Issues 提交。

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft