-
语言:简体中文
大小:68.4MB
类别:应用工具
时间:2023-03-03 12:15:39
Iceworksv2.20.0最新官方版
软件介绍
Iceworksv2.20.0最新官方版软件好用吗?
Iceworksv2.20.0最新官方版是一款不错的编程开发类型的软件,达达兔游戏网提供的软件程序大小为68.4MB,赶紧下载安装体验一下吧。
Iceworks是一款开源的编程开发GUI软件,由飞冰冰推出。主要用于辅助开发者在中后台快速开发前端应用。目前支持两个平台:macOS和Windows。感兴趣的用户赶紧下载体验吧!
软件介绍
飞冰Iceworks工具,这是一个图形界面开发平台,承载了飞冰的素材系统和开发经验。飞冰(Ice)是一套基于React的中后台应用解决方案。在阿里巴巴,已经有来自几乎所有正在使用的BUs的270多个项目,如有需要请尽快下载!
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最新官方版,欢迎大家下载安装体验。