前端组件拖拽生成工具？

茫然知了 • 2023-09-23 12:49 • 生活指南 • 阅读 101

国产开源精品，拖拽式在线H5网页制作及管理平台——码良

码良是一个在线生成h5页面并提供页面管理和页面编辑的平台，用于快速制作H5页面。用户无需掌握复杂的编程技术，通过简单拖拽、少量配置即可制作精美的页面，可用于营销场景下的页面制作。同时，也为开发者提供了完备的编程接入能力，通过脚本和组件的形式获得强大的组件行为和扮笑交互控制能力。这是笔者迄今为止接触的最为强大的网页在线中缺槐制作工具。

目前开源的是前台的代码，依据作者介绍，后台代码也会在不久后（预计12月份）开源出来，前台开源地址如下：

程序员可以在码良平台按业务需要创建自己的组件，并暴露相应参数提供给产品或者设计师方便使用。也可以开发一些脚本扩展已有组件的功能。

设计师可以制作动画效果比较好的模板提供给更多的人使用

营销团队可以使用码良创建配置非常灵活的页面，配合获取到的访问等数据，可以直观的看到营销效果。

按团队，项目的维度管理项目页面，方便团队协作。每个项目都可以有自己的权限，也非常适合多人管理一组项目

拖拽挪移，随心所欲。灵活组合，提高提高效率，保存模板，快速创建。

提供方便的脚手架创建组件，你可以把一个小功能，一个页面，一个项目做成一个组件，暴露参数给其他同学在卖友编辑器里面填写

可以对组件添加各种脚本，扩展该组件的功能，并友好的提供给使用者配置参数

官方提供了在线版本，可以使用自己本身的Github账号进行第三方登录：

系统提供了项目管理功能，可对设计的项目进行系统性的管理

这部分在线版本上打开空白，可能是我机器的缘故，可自行测试

这部分包括组件、脚本、音频、视频、图片等管理

后面还包括组件、团队、用户管理等

整个设计界面由四大部分组成，分别是工具栏、组件区域、设计区域、设置区域，包含了非常丰富的功能，拖拽式生成网页就是这么简单

其功能不在一一介绍，总之非常的强悍，只有亲自体验了才知道

码良，寓意神笔马良，让网页设计可视化，甚至不需要精通网页设计语言（HTML、CSS以及Javascript）更加智能、更加方便、更加简单、更加方便管理，官方提供了自己本地部署方案，同时提供了详细的使用手册，感兴趣的小伙伴不要错过！

j2ee界面拖拽工具

用extjs，可以是想各种拖拽的功能，或者是用flex做前端，现在的很多网页游戏都是用flex

前端开发常用哪些工具软件？

前端开发的编译器在选择上还是很多的。在学校里，老师主要讲三个前端开发软件：

1、WebStorm

帮助编写HTML、CSS、Less、Sass和Stylus代码，并且支持Node.js和主流框架，如React、Angular、 Vue.js、Meteor等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。

2、IntelliJ idea

idea是学校老师教得最多的一款软件，从学Java开始，除了eclipse和myeclipse之外，学校老师用的最广泛埋丛的Java编译器就是idea，而idea也能进行前端项目的游液运开发，idea是我用得最熟的一个编译软件。像一个完整的神梁前端网站，配置好jdk，tomcat，maven，数据库之后就可以在idea上进行搭建了。

3.Visual Studio Code

简称VScode，前端开发时期学习的第一款软件，当时学VScode的时候上的网课，老师用插件的时候一个没跟上，就跟不上了。总体感觉下来是插件库很丰富，而且内存占用不大，目前我身边用VScode的人是最多的。

下面是我在实习中接触到的前端开发工具：

notepad++

页面很简单，乍一看像是一个记事本，它也确实可以当记事本用。有很多特色插件可以使用，支持多种编程语言的语法高亮显示，具有代码折叠功能。

2、HBuilderX

HBuilderX是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本，具有轻便、适合vue框架的特点。