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

OneCode

gcommon-team

|
262 installs
| (1) | Free
Quick Develop You Code For OneCode Platform(Vue, etc).
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

OneCode VSCode Plugin

OneCode前端设计器是GCommon低代码平台的VSCode插件实现, 目前提供模版可视化配置功能,支持一键生成本地工程Vue2文件, 为前端开发提效。

使用/Usage

在侧边栏-资源管理器中点击鼠标右键,然后点击"使用OneCode创建页面"菜单项,即可打开OneCode前端设计器

功能/Features

  • 【最新】支持上传原型/设计稿,智能识别组件及布局出码,光速提升开发效率
  • 支持可视化列表模版配置, 支持根据业务类型快速配置
  • 可导出Vue2 SFC单文件组件

插件配置/PluginConfiguration

在【文件】> 【首选项】> 【设置】中配置

OneCode.token

OneCode前端设计器插件token, 必需配置, 否则可能会导致模版相关数据获取失败 可通过点击此处获取token信息

OneCode.url

OneCode前端设计器远程链接, 此配置可忽略

功能本地配置/LocaleConfiguration

当用户首次打开插件时,会在用户工程根目录下生成onecode.config.js文件, 此文件主要用来说明用户模版中使用API数据来源以及用户API包装类规则等,方便能够正确解析业务后端提供的API接口数据

默认配置内容如下, 可根据业务规则修改

/**
 * This is the main configuration file for OneCode VSCode Plugins.
 */
module.exports = {
  /**
   * API数据源配置,通过配置数据源地址,支持用户通过API接口字段与模版绑定
   * API数据源地址支持配置swagger在线地址或noah接口文档地址
   * 如果是noah文档,建议用户从noah接口文档导出JSON文件然后放在项目根目录
   * 例如: 
   * dataSource: [
   *  {
   *    type: 'swagger',
   *    url: 'https://onecode-dev.wanyol.com/user-service/restdocs/v3/api-docs'
   *  },
   *  {
   *    type: 'noah',
   *    url: 'api.json' // api.json为noah接口导入到本地的接口文档地址
   *  }
   * ]
   */
  dataSource: []
}

更新日志/Change Log

0.0.9

  • 支持通用列表模版

0.0.10

  • 支持空白模版, 营销IT模版

0.0.11

  • 支持通用表单模版

异常编码

  • 00001: 获取根目录信息失败!
  • 00002: 解析配置文件失败, 请确保配置文件格式正确!
  • 00003: 您当前工程目录下没有onecode.config.js配置文件, 请先创建该文件!
  • 00004: 获取配置文件失败!
  • 00005: 创建配置文件失败!

Enjoy!

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