精选

代码生成器共享平台 笔记

🌱技术栈:前端-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://www.yuque.com/u29239513/xu5qc9/xaeua2is88v5reoq?#《https://wx.zsxq.com/mweb/views/weread/search.html?keyword=代码生成器项目》 密码:af5p

代码生成器共享平台源码:https://gitee.com/jin-ziye/code-generator

node中的node,link的使用:https://blog.csdn.net/m0_56132701/article/details/135484569?spm=1001.2014.3001.5502

0个评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
下载 APP