游迅网
当前位置: 游迅网 PC软件 编程开发 Iceworks飞冰 GUI

Iceworks飞冰 GUI 免费版v2.15.4

  • 软件大小:67.59MB
  • 软件语言:简体中文
  • 软件类型:国产软件
  • 软件授权:免费软件
  • 更新时间:2019/1/23
  • 软件类别:编程开发
  • 应用平台:WinXP, Win7, Win8, WinAll
文件大小:67.59MB

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最佳的助手之一,功能全面,界面直观清晰。

更新日志

修复:模板创建提示问题

  • 软件下载
Iceworks飞冰 GUI 免费版v2.15.4
    提醒:

    本站仅创建用户沟通交流的信息平台,所展示的游戏/软件内容来均来自于第三方用户上传分享,资源仅作为用户间分享讨论之用,除开发商授权外不以盈利为目的。如果侵犯了您的权益,请点此反馈,我们将第一时间处理。