Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Orca Preview DebugNew to Visual Studio Code? Get it now.
Orca Preview Debug

Orca Preview Debug

yuanchen-ljx

|
78 installs
| (0) | Free
Orca预览引擎的调试插件
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

注意事项:

当前只适用于 Orca、OrcaPreview 和 Orca 搭建的业务应用的调试,请勿用于其他应用的调试!

操作步骤:

  1. 点击右上角加号添加组件
  2. hover 到组件上点击绑定按钮,绑定本地调试目录,将自动启动文件监听进程,请勿关闭
  3. 点击右上角程序启动按钮,启动后将提示是否以跨域模式打开 Chrome,建议打开,定位到待调试的 Orca 或工作台页面
  4. 通过XSwitch插件代理静态资源
  5. 上述配置完成后,在绑定的本地组件目录下开发组件就会实时渲染到线上页面啦~

参考配置:

alias配置:请将插件生成的alias.json在项目根目录下的工程文件中引用,参考如下:

// build.config.js
const fs = require('fs');
const aliasPath = './alias.json';
const isExist = fs.existsSync(aliasPath);

module.exports = {
  ...(process.env.NODE_ENV === 'development' && isExist ? { alias: require(aliasPath) } : {}),
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft