Wijmo Angular VSCode Designer

MESCIUS软件设计工具JavaScript

在 VS Code 中为 Angular Wijmo 控件提供的可视化设计界面。

  • 支持对 Wijmo 控件标记进行 WYSIWYG 编辑。
  • 与 Visual Studio Code 集成，适用于 Angular 开发。
  • 支持创建和自定义控件属性及集合。
MESCIUS logo

起价:

加载中...
包含在以下产品
Wijmo加载中
ComponentOne Studio Enterprise加载中
需要帮助选择吗？ 查看 如何购买 和 规格
Wijmo Angular VSCode Designer 产品图片
Wijmo Angular VSCode Designer 是一个 Visual Studio Code 扩展，提供用于开发和编辑 Angular Wijmo 控件的可视化界面。它提供实时预览和属性面板，让开发人员可以通过可视化方式修改控件标记和属性，无需手动编辑 HTML 标签，从而简化 UI 开发。

VS Code 中的集成

在 HTML 文件中的 Wijmo Angular 组件上方添加可操作链接，使开发人员能够直接从编辑器中的标记标签访问可视化设计器。

可视化设计界面

以 WYSIWYG 设计模式打开控件，用户可通过属性网格配置属性，并可立即查看更新，无需滚动或调整控件大小。

标记同步

在设计器中编辑后，修改会保存回原始的 Angular HTML 模板，并自动更新 Wijmo 控件标签。

独立设计界面命令

提供单独的设计选项卡，可使用示例数据创建新的 Wijmo Angular 控件、自定义属性，并生成可插入项目的标记。

属性和集合编辑器

支持编辑复杂的控件属性和集合，如网格列和图表系列，包括添加、删除和配置单个项。

主题预览

支持在设计器中预览应用于控件的不同 Wijmo 主题，可在不影响代码生成的情况下评估视觉样式。

绑定保留

将 Angular 标记中的数据绑定识别为只读，以避免意外更改，同时在更新源文件时予以保留。

与 IntelliSense 扩展集成

与 IntelliSense 工具协同工作，在进行可视化编辑之前辅助生成控件标签，从而提升 Angular 项目的代码编写效率。

会话持久化

在 VS Code 会话期间保持已打开设计器的状态，以便在切换文件或选项卡后继续工作而不会丢失上下文。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • Angular