0x08 前期回顾：
上周写了两篇文章，修改开源项目ppchart在本地部署。因为我不是专业的前端工程师，所以差最重要的图表展示部分没有完成。本周在大模型的帮助下，终于成功部署到了我的NAS上。
前期回顾请看：
0x09 使用ArcoDesign组件美化页面
看一下我上期结束时实现的详情页面是这样的
和原版对比一下,原生的表单组件太难看了
看一下代码，引用的是“@arco-design/web-vue”，搜索一下，原来是字节跳动开源的前端 组件库，到官网http://pro.arco.design/学一下就会了。我美化完就成了下面这样的。
0x10 【整理代码】的实现
查一下monaco-editor的文档，两行代码就实现了
formatCode() { const editor = this.editor const model = editor.getModel() if (model) { editor.getAction('editor.action.formatDocument').run();//自动格式化代码 } }
0x11【切换echarts版本】功能的实现
求助“文心大模型”
第一次说我的需求不是最佳实践，给我简化一下，然后给我一堆没有的代码。然后我继续说，我就想要动态引入js的实现，终于给了我能用的代码！
0x12【运行】功能的实现
这个有点难了，不能用js的eval执行这些图表代码片段来实现。我用不同方式问了大模型也没有得到解决办法。最终，我找到一个ppchart-nuxt3的开源项目，是用nuxt3改成的ppchart项目。我找到他的图表详情页面实现，还是看不懂。但是我把他的代码片段发给的大模型，让大模型帮我改成了一下。
最后终于完成了
0x13 打包部署到NAS上
这步其实是最简单的，我在第一篇文章就说了，就想用现成的代码编译成静态文件，部署到webstation或者是docker容器里，结果是开源的代码不全，害的我折腾了这么多天。
我今天就用Web Station部署一下：
- 首先用npm run build命令编译一下源码到dist目录。
- 然后把编译成好的文件上传到NAS的一个目录下。
- 在WebStation中创建一个虚拟主机。指定文档根目录和端口就OK了，PHP都不用选。
最后访问指定的端口测试一下，完全没有问题。
0x14 总结
通过这些天的折腾，我学习到了很多前端知识。最主要的是我真的感受到了大模型的强大，虽然我还没用到国外先进的大模型，但是国产的大模型真的也可以取代一些初级程序员了。老庄我距离失业已经不远了~~。
作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～
,
