搜索

编程开发Iceworks飞冰 GUI免费版v2.15.4

Iceworks飞冰 GUI

Iceworks飞冰 GUI

点击下载
Iceworks飞冰 GUI

Iceworks飞冰 GUI,这是一款帮助开发者快速开发中前段应用的GUI软件,用户可自由选择三种不同的模板进行开发,在设计完成后还能在软件内部生成预览界面供用户审查,可以对不满意的布局进行更改和修正,如果正在做网页前后端开发设计的用户可以下载使用这款实用的软件。

使用方法

Iceworks 快速开始
零环境搭建 零配置 简单易用
Iceworks 是 ICE 推出的辅助开发者快速开发中后台前端应用的 GUI 软件,目前支持 macOS 和 Windows 两大平台。通过 Iceworks 点击下载按钮即可。

创建项目
软件启动后,项目列表为空,可通过的【创建项目】新建一个项目。

Iceworks飞冰 GUI

界面会跳转到模板市场,目前提供三种模板进行选择,鼠标移动到指定的模板上,点击【以该模板创建项目】进入项目配置页面。

Iceworks飞冰 GUI

新建一个文件夹或者选择已有的空文件夹(避免覆盖原有文件)。
给项目起一个项目名,以便后续识别。
点击【开始创建项目】即可开始创建
默认会在创建的时候同时安装项目依赖,时间上会相对久一些,也可取消勾选,后续自行安装

管理项目
项目创建完成后,会自动添加到项目列表中,并打开当前项目管理面板。
通过项目管理面板,可执行 启动调试服务 新建页面 构建项目 等操作。

Iceworks飞冰 GUI

启动调试服务
点击 启动调试服务 等待完成后出现服务地址,点击可以预览当前项目。

Iceworks飞冰 GUI

上图是一个 ICE Design CMS 模板启动后的预览效果。

新建页面
启动调试服务后,可使用新建页面来搭建页面,通过 block 的组合完成页面的创建。
进入 block 搭建界面

Iceworks飞冰 GUI

上方列出了当前项目可用的 layout 布局方式,选中任一一个作为新页面的布局。
下方列出了当前可选择的 blocks, 点击即可选择该 block 到已选区块列表中。
右侧为选中 block 组合的缩略图预览。
选择 layout 以及 block 后,点击右下角生成页面,会提示输入页面名,路由名,可以定义需要的名称
页面名:表示生成的文件名称。
路由名:表示页面的访问地址,可通过 http://127.0.0.1:4444/#/xxxx 访问到对应的路由页面。
示例中,创建了 page16 访问后即可看到刚搭建的页面了。

Iceworks飞冰 GUI

进入开发调试
点击项目版面上的 编辑中打开 会立即使用设置中选择的编辑器打开项目,目前支持 Visual Studio Code,Sublime Text 3,WebStorm 和 Atom 等编辑器,推荐使用 Visual Studio Code,如果你的电脑中未安装请先安装。
项目目录结构说明:

Iceworks飞冰 GUI

例如上一步已创建的 Page16 页面:

Iceworks飞冰 GUI

在线上环境我们强烈推荐使用 production 版本的 React,而不是 development 版本。它们之间的区别除了体积之外,还包括一些针对线上环境的性能优化。
到这里你已经学会使用 Iceworks 创建一个项目并发布:)

相关推荐

乐易编程助手 最新版2.1:软件支持网页提交、JS模拟调试、正则表达式、Json解析,字符串转换的等功能,是用来调试JS最佳的助手之一,功能全面,界面直观清晰。

更新日志

修复:模板创建提示问题

点击查看更多

相关攻略

查看更多攻略

猜你喜欢

    游戏专区

    热门游戏最新应用最新合集
    • 2019七夕图片表情包大全2019七夕图片表情包大全转眼间一年一度的七夕节又来临了,想找一些好用的七夕情话图片吗,那么快到游迅网来,小编为大家搜罗了2019七夕图片表情包大全,各种情话表情包让你肉麻到炸。进入
    • 开黑软件大全开黑软件大全游迅网为玩家整理各种游戏开黑软件,包含了开黑软件推荐,各种开黑语音软件的精选,玩家可以通过开黑软件大全找到自己最适合的开黑工具。进入
    • 安全软件安全软件随着互联网的发展,越来越多的病毒插件让大家防不胜防,这时你就需要一款功能强大的安全软件了,游迅网在这里为大家搜罗了众多安全软件,供用户挑选,总有一款适合你。进入

    推荐下载

    点击查看更多