首页 >电脑软件 > Iceworksv2.20.0最新官方版
Iceworksv2.20.0最新官方版

Iceworksv2.20.0最新官方版

软件大小:68.4MB

软件语言:简体中文

软件类别:应用工具

更新时间:2023-03-03 12:15:39

软件分类:编程开发

应用平台:windows7,windows10等

  • 软件介绍
  • 软件截图
  • 相关软件
  • 相关阅读
  • 下载地址

Iceworksv2.20.0最新官方版软件好用吗?

Iceworksv2.20.0最新官方版是一款不错的编程开发类型的软件,达达兔游戏网提供的软件程序大小为68.4MB,赶紧下载安装体验一下吧。

Iceworks是一款开源的编程开发GUI软件,由飞冰冰推出。主要用于辅助开发者在中后台快速开发前端应用。目前支持两个平台:macOS和Windows。感兴趣的用户赶紧下载体验吧!

软件介绍

飞冰Iceworks工具,这是一个图形界面开发平台,承载了飞冰的素材系统和开发经验。飞冰(Ice)是一套基于React的中后台应用解决方案。在阿里巴巴,已经有来自几乎所有正在使用的BUs的270多个项目,如有需要请尽快下载!

Iceworks用法

通过Iceworks点击下载按钮。

创建项目
软件启动后,项目列表为空,可以通过点击“创建项目”创建新项目。

Iceworks

界面会跳转到模板市场。目前有三种模板可供选择。将鼠标移动到指定的模板上,点击“用该模板创建项目”进入项目配置页面。

创建一个新文件夹或选择一个现有的空文件夹(避免覆盖原始文件)。
为项目指定一个项目名称,以便以后识别。
点击开始创建项目开始创建
默认情况下,创建时会同时安装项目依赖项,需要的时间比较长,也可以不选,然后自己安装管理项目
。项目创建后,它将自动添加到项目列表中,并且当前项目管理面板将打开。
通过项目管理面板,您可以启动调试服务、创建新页面和构建项目。

启动调试服务
点击调试服务启动后会出现的服务地址,点击预览当前项目。

上图是一个ICE Design CMS模板启动后的预览效果。
创建新页面
调试服务启动后,可以使用新页面构建页面,并通过块的组合来创建页面。
进入积木搭建界面。

上面列出了当前项目可用的布局方法,可以选择任何一种方法作为新页面的布局。
下面列出了当前可选择的块。单击以将块选择到选定的块列表中。
所选块组合的缩略图预览在右侧。
选择布局和区块后,点击右下角生成页面,系统会提示您输入页面名称和路由名称,您可以定义需要的名称。
页面名称:表示生成文件的名称。
路由名称:表示页面的访问地址,可以通过http://127.0.0.1:4444/#/xxxx访问对应的路由页面。
在本例中,创建了一个page16,您可以在访问它之后看到新创建的页面。

进入开发调试
在项目布局上点击编辑打开,用设置中选择的编辑器立即打开项目。目前支持Visual Studio代码、Sublime Text 3、WebStorm、Atom等编辑器,建议使用Visual Studio代码。如果您的电脑中没有安装,请先安装。
项目目录结构描述:

例如,在上一步中创建的第16页:

通过二次开发增加业务逻辑,完成业务需求。
打包发布
点击项目面板上的构建项目按钮,构建已开发的js css等资源。
构建完成后,项目目录下会生成一个构建文件夹,其中包含index.html index . jsindex . CSS文件。用熟悉的方式上传到对应的cdn服务器。

在线部署
在线过程是发布html文件的过程。index.html文件存在于构建目录中。将index.html文件复制到对应的业务服务器上,在HTML源代码中修改/build/index.css和/build/index.js的地址,这是上一步得到的cdn地址和站点标题。
标准的HTML文件如下:

在在线环境中,我们强烈建议使用React的生产版本,而不是开发版本。两者的区别不仅仅是体积,还有一些针对在线环境的性能优化。
您已经学会了使用Iceworks创建项目并发布它:)

常见问题

WebStorm/IDEA编辑器中的停滞现象

由于项目的安装依赖性,node_modules这个文件夹包含了很多小文件,编辑器卡在索引文件里。这一点在WebStorm中尤为明显。可以使用excludenode_modules目录,不需要检索这个文件夹下的内容。

如何在浏览器选项卡上设置网页的图标(favicon)?

细心的学生可能会发现,该页面在浏览器选项卡上会有一个自定义图标:

如果您想将此图标添加到您的站点,可以按如下方式添加:

准备一个图标,文件格式可以。png或者。ico,正方形,分辨率可以是32x32px或64x64px。文件大小应该尽可能小。

上传CDN以获取url或在您自己的服务器上配置静态资源服务。

在HTML页面上

此添加成功!

更新日志

特点:冰岛visual block构建Beta版进行发布,一键生成代码,直观简单。

修复:向现有页面添加块的弹出窗口的样式问题。

修复:导航页面创建项目弹出窗口的样式问题。

修复:没有项目时改变窗口大小导致的错误。

Iceworks安装教程

从大达兔游戏网下载Iceworks的安装包后,电脑运行安装即可使用。

总结:以上内容就是Iceworksv2.20.0最新官方版软件介绍,包括软件截图和下载地址,让你详细的了解Iceworksv2.20.0最新官方版,欢迎大家下载安装体验。

软件截图
  • Iceworksv2.20.0最新官方版

相关软件

相关阅读