1.基本说明
其实我这个假期好久没有碰技术了，比如这个前后端相关的项目之类的，我是一点都没接触，这个 暑假基本上是分为两个部分，前一个月就是all in 算法，这个主要是集训期间做的这个事情；
然后进入8月份，基本上就是ai相关的内容，ima知识库的搭建，使用，学习，以及我自己的公众号的运营之类的，包括这个腾讯云上面的相关的活动，其实主要还是这个ai上面，这个月确实接触了非常多的这个新鲜的东西；
今天是因为一个朋友找到我让我写一下这个tiptap，这个确实是我第一次听说，然后在这个网络上面查阅了不少的这个资料，我了解到这个应该是和写作相关，其实我对于这个的认识也是经历了一个漫长的过程的，虽然仅仅只有一个下午的时间，但是确实了解到了不少的内容；
我本来以为这个是和typora，notion，obsidian类似的这个笔记软件，但是我之前却没有听说过，后来发现这个没有我想的那么简单
2.我的操作方法
其实这个事情我一般是直接交给这个大模型去处理的，以至于我在会员的情况下还是把这个提问的次数用完了，然后我换了这个claude大模型进行处理的这个过程；
首先，这个我是在大模型的提示词使用前端的这个vue初始化项目，然后在这个components目录下面新建了这个md.vue文件，并且对于这个项目里面原本就存在的这个app.vue进行了这个修改；
md.vue代码以及这个app.vue打码都是这个大模型写的，中间出现了错误直接甩给我们的大模型进行修改和调整即可；
其实这个过程我是非常的感同身受的，因为对于这个样子的Vue的项目，之前是我非常害怕的，反正就是运用的不好，经常遇到一些这个问题，但是我发现这个大模型强大起来之后真的可以快速地帮助我写一个前端的这个Vue的项目，非常的不错；
npm run dev直接开始吧这个项目跑起来就行了，下面的这个就是修改之后的页面的展示的效果：
第一次遇到了一点问题，后面让这个Gpt进行修改之后就解决这个问题了，这个问题主要是因为这个页面的分栏是上下的，不是我想要的，写过博客的小伙伴都知道，这个文本编辑器应该是左右排列的，修改之后就是上面的那个情况了；
3.我的总结
其实我本来也没打算使用这个工具，但是确实给我带来了意想不到的这个惊喜，确实，大模型的助力下，我真的没哟想到这样的vue项目这么快就跑起来了；
其次，是因为我本来对于这个写作感兴趣，但是上面我做的仅仅是一个demo，就是大模型写的简单的，我知道这个远远比不上类似于这个csdn,掘金，腾讯云之类的，这个文本编辑器，而且是差远了；
如果大家对于这个写作的富文本编辑器比较感兴趣，可以了解一下双越老师，他自己搞了一个划水ai工具，很不错，这个是我上次参加腾讯云的这个AIGC技术训练营的直播了解到的，收获很多，感兴趣可以了解一下，基本上可以清楚我们日常使用的这个富文本编辑器是怎么做出来，实现这个效果的；