Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>BigfishNew to Visual Studio Code? Get it now.
Bigfish

Bigfish

umijs

|
5,148 installs
| (3) | Free
Bigfish VSCode Extension
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

title: 介绍


Bigfish for VSCode

Bigfish VSCode 插件,提供强大、友好的 Pro Code 编程体验。

安装

VSCode 插件市场里搜索『bigfish』,安装后,即可使用!

要求

  • VS Code 1.30.1+
  • Node.js 10+

    NOTE: Please make sure that Node is in your PATH environment variable.

快速开始

UI 资产使用

点击文件资源管理器里的『资产』

资产的前提:package.json 依赖中安装了 dumi 研发的资产包,例如:@alipay/tech-ui

数据接口

OneAPI 升级提示

useModel 定义跳转

其它

国际化

支持国际化 id 的补全、定义、跳转

snippets 片段

更智能的 snippet 代码模板,可根据 Bigfish 上下文信息,生成模板代码

路由展示

路由支持展示、创建,支持打开路由配置文件

对路由项右键可以『复制路径』

CDN 上传

Bigfish 项目在内网环境下,支持两种方式上传图片到 CDN

FAQ

  1. 插件未加载

插件未加载一般由于依赖未安装,依赖完成后,可点击右下角重载插件:

  1. OneAPI 接口检测时机

时机为打开编辑器时,主要为了避免打扰开发者,更好地沉浸式开发。

TODO

  • 资产
    • [ ] 组件支持 inline 添加方式,加到
    • [ ] 支持更多类型资产数据格式
    • [ ] 在线添加资产源
  • 数据接口
    • [x] OneAPI 升级提示
    • [ ] 接口文档展示
    • [ ] 场景化 Mock
  • [x] 国际化
  • 样式
    • [ ] 变量提示
  • 配置
    • [ ] 路由展示支持搜索
  • [x] 更丰富的代码片段 snippets
  • [ ] 混合研发
  • [ ] 强约束规则
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft