VUE项目基于源码实现可视化编程技术的探索

主要观点总结

文章主要讨论了在面对大型且高度组件化的项目时，传统开发模式存在的问题以及一种基于源码的可视化编程技术方案的探讨。文章还介绍了传统低代码方案的问题、公有协议的作用，以及针对Vue文件的AST解析和代码转换生成的技术实现。

关键观点总结

关键观点1: 传统开发模式在面对大型项目时的效率问题

传统开发模式通过手动修改代码的方式在大型项目中显得效率低下，特别是对新开发者来说从UI界面逆向定位到代码修改过程复杂耗时。

关键观点2: 可视化编程技术方案的探讨

通过UI直接映射到代码组件，简化代码编辑过程，实现源码AST与UI的绑定，直接通过UI界面修改属性或内容并自动同步到代码文件中，提供一种直观且高效的可视化编程体验。

关键观点3: 传统低代码方案的问题

传统低代码方案使用私有协议和JSON配置，功能和组件有限制，难以完全满足复杂定制需求，且定位问题困难。

关键观点4: 公有协议的作用

公有协议如AST（抽象语法树）在解析JavaScript等语言并转化为结构化数据方面发挥了重要作用，为开发者提供了统一标准化的操作源代码方式。

关键观点5: Vue文件的AST解析和代码转换生成的技术实现

文章详细描述了Vue文件的AST解析过程，包括使用node-html-parser解析template区块，使用babel解析script区块。同时介绍了如何通过修改AST来生成新的Vue代码。

免责声明