
代码生成器共享平台 笔记
🌱技术栈:前端-Vue Ant Design Vue,后端-Node Nest.js MongoDB
👉匹配度:本次项目非常适合JavaScript熟练的前端鱼友们,也适合需要拓展Node后端技术的鱼友,可以体验一下JS带来的魅力
🍰用法:鱼皮大大文档提供逻辑 我的前六章文档提供部分具体代码实现 技术栈框架官方文档(按照这个流程那么大部分的代码问题都可以解决)
补充:为什么只有前六篇的笔记,因为在代码生成器阶段三的时候,使用组件库编写页面,毕竟我是前端方向的,编写页面还是很有必要的,可以提高组件库使用的熟练度,实现过程大不相同但是又十分通用,所以就没有书写笔记,望鱼友们悉知,但是代码生成器的一,二部分的文档是清晰的。放心使用😁
⭐技术关键点:代码生成器阶段三搭建后端使用的Nest.js MongoDB,Nest.js技术框架不难,思路是与SpringBoot的使用几乎是一致的,大家可以查阅官方文档Nest.js官方文档或者神光编写的堀金小册有Nest.js的讲解,MongoDB的话也很基础,仅是普通的增删改查,甚至管道使用的知识都没有涉及到。
👉文档传送门:代码生成器前六节-语雀 🍭 密码:af5p
https://www.yuque.com/u29239513/xu5qc9/xaeua2is88v5reoq?#
🔥源码地址:Gitee- CodeSpark 代码生成器共享平台
https://gitee.com/jin-ziye/code-generator
补充:主分支是前后端都有,里面有还有分支,front-code和back-code这个是单独的前后端项目分支,如果想拉取一部分,可以考虑拉取此分支,还有关于demo分支,是关于代码生成器第一,第二阶段的分支
⭐⭐项目收获:
1.使用fs-extra来操作文件。熟练了Node中关于文件的操作
2.使用art-template模板文件,框架写的简单易懂,大家阅读官方文档就可以大致了解使用
3.使用command.js inquirer.js chalk.js,这三件套是用来制作命令行工具的框架包,命令行工具 命令行工具交互 命令行工具美化
4.制作一个npm包,并且发布为公共版本,供代码生成器平台来调用,😵💫避雷:请注意暴露模块的版本问题,ES6的方式和CommenJS
5.一个比较完整的Nest项目的文件包,有:管道,验证,守卫,完整的CRUD的流程。
npm link命令的使用,这个大家可以参考我的博客:Node命令中的npm link命令的使用https://blog.csdn.net/m0_56132701/article/details/135484569?spm=1001.2014.3001.5502
🍈我的经验总结:
1.制作代码生成器npm包要公开的话,让代码生成器共享平台后端来调用,为了防止模块调用问题,我制作代码生成器的npm公开包时,模块暴露使用的是CommomJS
2.关于第二部分中,让代码生成器根据输入的字段来生成模版文件(例如:SpringBoot项目中需要修改每一个文件中的包名,如果手动修改,工程量是非常大的,所以使用自动生成模版文件),这个功能是完整的,但是拓展方面并没有使用到代码生成器共享平台,拓展持续中...
3.Ant Design Vue中的组件库功能不太完整,关于创建代码生成器中的字段的动态填写的组件没有直接提供,大家需要使用表单动态创建和折叠面板自己来创建
4.路径方面,大家使用 " / " ,这样在路径转换方面更加的友好,千万不要去使用" \ ",然后不停的去转义字符(本人亲身经历,后悔不已😭)
小感想:
我觉得鱼皮大大的项目都很好,新颖,耐想,易理解,而且项目中的可拓展性很强,项目中的需求实现过程推理是精华,代码实现的过程需要大家去系统性的理解一门语言,不要仅靠几篇博客,几篇文章,这样会让学到的语言很“空”
如果鱼友们在做这个项目的过程中遇到什么问题,可以加我,我们一起来解决,大家一起来思考🤔,wx:a2385472291,请备注鱼友
nest中文文档:https://docs.nestjs.cn/9/modules?id=功能模块
堀金小册:https://juejin.cn/book/7226988578700525605?enter_from=search_result&utm_source=search
代码生成器共享平台源码:https://gitee.com/jin-ziye/code-generator
node中的node,link的使用:https://blog.csdn.net/m0_56132701/article/details/135484569?spm=1001.2014.3001.5502

