PD页面设计器拓展插件

LOWCODE-VSCODE-TOOL 是我们为开发者提供的低码设计器开发插件，便于开发者能在 VSCode 下开发页面设计器组件、中屏组件。

插件提供了完善的项目自动化开发功能。如：

快速创建、快速预览、快速构建、一键上传、设置。

注意：

安装好插件后需要用 VSCode 打开模板项目根目录，才可以正常显示插件按钮。

本地调试启动

1. 安装依赖

   pnpm install
   

2. 编译插件

   npm run webpack
   

3. 启动调试

   • 在 VSCode 中打开调试视图 (Ctrl+Shift+D)
   • 在启动配置下拉框中选择 Run Extension
   • 按 F5 启动调试，会打开一个新的 VSCode 窗口并加载插件

4. 测试插件

   • 在新窗口中打开一个页面设计器组件项目根目录（需要包含 sform.config.ts）
   • 侧边栏会出现 LOWCODE-VSCode-Tool 面板
   • 通过 Ctrl+Shift+P 输入 LOWCODE 可查看所有可用命令

5. 调试技巧

   • 在 src/extension.js 中设置断点进行调试
   • 修改代码后，在调试工具栏点击重启按钮重新加载
   • 或按 Ctrl+R 重新加载窗口

注意：插件需要打开的是用户项目目录（如 epagedesigner.component.pc），不能是插件开发工程本身。