手机复制买的资料网盘链接,发给电脑却不是容易事——微信或者淘宝发给自己要扫码登录,真心麻烦啊!
因此萌生出做一个跨平台的粘贴板网站的想法,但我哪懂编程啊?
想起大火的Cursor,于是急匆匆的下载,开启了我的第一次AI编程之路。
1. AI的“废话文学”
对着对话框喊:“用SpringBoot+Vue搞个能同步手机电脑的粘贴板!”
ps:别问笔者怎么知道这两个的技术,毕业设计刚开题,写的这俩玩意,我也就知道这俩名词,具体技术一窍不通
AI秒回200行代码,结果报错49行。
又把整个报错反复喂给它,重复了好多次,最终功夫不负有心人:81行报错
后来复制报错信息一个一个网上搜才猛然发现——因为没装Maven!
知识插入:Maven——一个包管理器,可以根据本地配置文件自动下载依赖,无需一个一个去寻找
安装流程:下载,解压到某个文件夹,设置环境变量
更离谱的是,它甚至没告诉我需要先安装这玩意儿。
后来才知道,AI默认所有人电脑都装着全家桶,就像默认所有人家里都有螺丝刀
2. 服务器版“鬼打墙”
好不容易本机调试的能用了,上传服务器点击按钮全部显示错误。
于是这就开始使用F12大法:查看接口返回,403 Forbidden
查了几个小时才发现:AI生成api.js
里写死baseURL:http://localhost:5173,然而这里应该是相对路径(我本地后端还在运行,因此不是500 服务器内部错误),这样才能用nginx的反向代理,把后端的请求正确转发。
这里就相当于,每个可爱的用户的后端不是咱服务器,而是用户自己压根没有的某个端口,能跑通才有鬼了。
更绝的是,宝塔面板的Java项目端口5173压根没开,就像给防盗门装了指纹锁却忘记通电。
3. 驯服AI的核心秘诀
先安装好最重要的jdk21+node.js(用来安装别依赖的很方便,比如上面提到的maven)
创建一个文件夹clipboard,再在下面依次创建两个空文件夹backend和frontend,用Cursor打开clipboard
在对话框敲下无敌详细的声明:
本机测试环境:windows+idea+jdk21+vue3+mysql+node.js(安装用)
服务器环境:乌班图20+宝塔面板+mysql
项目:跨平台的粘贴板网站,后端使用springboot,前端使用vue,数据库使用mysql,无需注册登录,依靠6位房间号和密码区分房间
要求1:在开始前,我已安装node.js,请给我详细的命令行教程(包含cd命令,当前目录clipboard,下有backend和frontend),检查每一个必须要的部件是否存在,如果不存在请帮助我安装,例如vue脚手架;并且你需要详细教程去初始化这个项目,例如vue的初始化命令,而非你直接去创建目录,这会缺失依赖;例如Mysql是否存在,是否存在对应的数据库,账号密码是否正确等
要求2:前后端分离,采用restful接口,需要有统一的格式和注释,需要保证基本的安全性,操作房间的任意接口均需要密码验证,但是用户不需要手动验证
要求3:本地部署时,如果报错,当我把报错信息复制给你时,如果可能是未安装某种工具,请告诉我并给我命令行供我执行,例如maven等
要求4:服务器端用PHP项目部署Vue前端,用Java项目部署SpringBoot后端,你需要提醒我检查后端端口是否开放,并给我测试后端的curl命令;你需要提醒我前端的nginx配置文件是否设置了后端转发,即location /api
要求5:依次完成,优先完成后端,如果用户询问报错,则解答,如果用户说继续,则继续
这次AI终于老实了,每一条都严格按照要求,甚至连nginx的配置写没写对都会提醒你。
感谢老板的阅读:点此跳转使用跨平台粘贴板;如果有任何建议,欢迎在公众号提出哦
——————————————————————————————————————————————————————
我写不出这么棒的AI命令怎么办?我自己都不了解这些技术怎么办?