概念
低代码平台是什么?当你们点击进入博客时,你们大致都对这个的东西感兴趣,很多人对这个感到新奇和迷茫,新奇的是这个技术如此的高大上,迷茫的是我能不能做出来。
该如何做?下载了GitHub上的项目,收藏夹吃灰。花费大量时间解析项目,仍然一头雾水。
低代码平台就是帮助前端程序员摆脱重复的页面创建,将更多的时间花费在定制业务上,项目开发进度超快,在这个时间就是金钱的时代,开发一款软件,抢占市场。只有低代码平台能够做到,而我也是从事低代码平台的使用者,但是里面的深奥暂时不能接触。
故,我选择挑选GitHub上开源的项目,进行两到三个项目解析,利用业余时间深入低代码平台。
作为初学者,一步一步研究透彻。
搜索
打开GitHub或gitee上,直接搜索from-generator关键词,low-code关键词,“低代码”关键词。
经过我的人工搜索,以下就是我下载的项目:
第二步,挑选合适入门的项目,总之就是将这些项目运行起来,通过package.json可以查看到用到技术点,当然不要一眼望去,只有一个vue接触过就感到害怕。
我的选择最终确定了,第一个深究的项目叫做element-form-generator。
为什么?这个项目虽然bug有点多,正因为bug多,项目也就没有其他项目复杂,说实话,在调查开源项目时,我已经看过两三个项目的源码,发现里面都是异常难懂。
还有这个项目将拖动组件分离到另一个项目中,极大的减少了阅读难度。
与之搭配的时element-schema-form项目,选择它不仅时简单,还有一个原因就是elementUI框架,比较熟悉。
环境准备
第一步,一定将GitHub上面下载的项目启动,运行起来看看效果,自己随便点点功能,大致摸清他的功能,以及肉眼可见的没有实现的功能。
第二步,利用vue-cil创建一个vue项目。
不知道vue-cli?
官网学习
这里简单讲讲步骤,全局下载npm install vue-cil,下载完成后,在控制台输入vue ui命令。
使用图形化界面创建项目,选择基本的插件。
接着就是,打开GitHub上的项目中的package.json文件,那里有我们需要的插件。
我们要从这些插件,每个都要学习一遍,大致明白他的作用后,在进行下一步操作。
比对你的项目,差什么直接npm install !
然后,不要去全部深究,遇到的技术再去学习也不迟。
我们打开main.js,那里就是引入的主要技术点。
框起来的就是分离出去的项目,我们暂且不需要管。
我们要学习和使用那些没有框起来的技术,怎么学?当然是Google和百度了。
这里直接列下我收集的博客,因为不想转载,全部都转存到了语雀中。语雀的知识库也没有公开,这里主要是我的文档记录。想要查看可以申请加入知识组成员。不想要的话,就只能自行百度和Google了。
vuex-persistedstate、vue-codemirror-lite、json-viewer、clipboard2、normalize.css、ElementUI
今天就到此结束,明天将会更新主体思路和代码设计思路。