定制 IDE

平台提供定制 IDE 能力，根据需要配置定制文件 ide.custom.config.json 内容即可。

引入 IDE 定制组件

从市场中引入 IDE 定制组件

引入组件后，打开代码页签下 model/UI2/comp/ideCustom/config/ide.custom.config.json 文件

如上文件有锁标识，说明不可编辑。

开启组件定制

在组件市场列表中，开启定制模式，上一步中的文件即可进行编辑。

定制 ide.custom.config.json 文件内容

ide.custom.config.json 的格式如下：

{
    "nav":{
        "tabs": [],
        "bars": ["makeModeBar", "clientBar", "saveBar", "previewBar", "deployBar"]
    },
    "servicePath": "",
    "templateServicePath": ""
}

顶部页签 tabs

定义顶部显示哪些页签, 允许两种格式

• 引用内置页签

使用字符串数组，支持的内置标签有：页面 page、数据 data、服务 service、工作流 wf、配置 funcSetting、代码 code、高级 advance、架构 frameworkDesign。

例如：定制为页面、数据和服务，["page", "data", "service"]

• 自定义页签

格式如下：

{
       "name": "",     //唯一标识
       "label": "",    //名称
       "url": "",    //页面路径
       "mode": "make"    //显示模式, 默认开发模式都显示, make 表示开发模式和制作模式显示
}

当切换到某个页签时，会触发 ide.tab.selected 事件, 事件对象为 {"name": "", "label": ""}

顶部工具栏 bars

定义顶部右侧工具栏显示哪些按钮, 支持的按钮项如下：制作/开发 modeBar 、端选择 clientBar、保存 saveBar、预览 previewBar、发布 deployBar

默认服务目录 servicePath

定义默认服务目录，如果没有会自动创建，默认使用 service/main 的资源复制，也可以通过 templateServicePath 指定复制哪个目录的

示例

{
    "nav": {
        "tabs": ["data", "service", "funcSetting", "code", {
            "name": "baidu", 
            "label": "百度",
            "url": "$UI/pc/test.w",
            "mode": "make"
         }], 
        "bars": ["saveBar"]
    },
    "servicePath": "service/makev",
    "templateServicePath": "service/main" 
}

效果如下：