【AI提效前端】感觉GPT智商也就那样?可能是你问的姿势不对!

Hello大家好,我是日拱一卒的不浪,坚持从工作和生活中不断学习,沉淀,这是2024年输出的第8/100篇文章,欢迎志同道合的朋友一起学习交流;
公众号:攻城师不浪

绿泡泡:brown_7778

前言

用了chatGPT已经一年多了,然而很多人还是把它当作某度去使用,至少它没有广告呀!

然而,我们是不是有点大材小用了呢,特别是我们程序员群体,大部分同学都是一遇到问题就笼统的把问题抛给gpt,例如:

帮我写一个登录系统
帮我写个支付系统
getCurrentInstance
帮我找个女朋友

你这么问,神仙能给你想要的答案吗?

真实案例

分享我一个工作中遇到的真实案例,我是如何去一步步调教gpt,直到它给出让我满意的答案的。

问题背景

在阳光明媚的一天,我突然兴起,给我的vscode添加了自动生成文件头注释的代码片段,但是由于项目使用了vue3+ts+eslint+prettier,所以导致文件头注释一直在报错,如下:

是一个eslint报错,众所周知,这种问题其实在某度上是非常难描述,而且也很难匹配到正确答案的。

这时,我就开始调戏我的GPT了

第一问

我估计有相当一部分同学会向我这样去问gpt,可想而知,这个问题

  1. 没有一个上下文
  2. 没有说明报了什么错误;
  3. 也没有说明你的注释具体是怎样的;
  4. 还没有说你想要的结果;

所以它就给出了

  • 怎样去屏蔽普通注释的报错;
  • 如何手动关闭报错;

而这并不是我们想要的答案,我们想要的是能够在一个公共的地方去配置,让项目全局都生效且不报错的答案。

第二问

这回我补充了

  • 具体代码详情;
  • 具体报错信息;
  • 想要的结果;

看,还是上下文不够明确,背景描述不够清晰,它以为你的文件类型是html,而实际上我们是vue

第三问

我基于上文再次补充描述具体情况

好像答案有点靠谱了,因为是eslintvue单文件组件中报的错误,所以它知道要去修改eslint的配置文件.eslintrc.cjs

只不过还是没有解决我们的问题,因为我们的项目是ts+eslint,所以我的eslint配置文件如下:

js 复制代码
module.exports = {
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  rules: {
    // 禁止使用 var
    'no-var': 'error',
    // 优先使用 interface 而不是 type
    '@typescript-eslint/consistent-type-definitions': ['error', 'interface']
  }
}

我这里肯定要使用ts的plugin是的,而gpt想让我们把这个换成纯eslint的插件,显然是不符合我们的项目要求的。

第四问

继续基于上文做补充

基于以上问题,做个补充,我使用了ts去写的vue,而且我用的plugins是@typescript-eslint,parser是@typescript-eslint/parser

ok,gpt基于我们给出的配置,帮助我们优化了原来的eslint配置,原来是我没有继承typescript和vue3的eslint推荐配置导致的报错。

而这次,gpt彻底帮我解决了问题!

问题总结

其实这个问题并不是很复杂的一个问题,但是我依然前前后后问了4次,gpt才给出了标准答案,你能说是gpt不够智能吗?很明显是我们不会问导致的。

总结以下几点:

  1. 上下文 :没有具体明确的描述问题背景,给出清晰的代码片段,会导致gpt无法分析上下文,什么叫上下文,你得给出你的代码,让它能有据可循,这个上下文很重要,是一个关键性的因素;
  2. 具体问题:没有给出具体的问题是什么,报了什么错误;
  3. 前提条件:你并没有交代清除你都干了什么,前提条件都有什么;
  4. 想要的结果:你没有告诉它你想要一个什么样的结果或者答案;

综上所述,会提示词prompt对于用好AI来说,是多么重要的一环!

提示词模板

送大家一套提示词prompt模板,很多情况下,我们是可以去套用这个模板的。

js 复制代码
## Profiles:
...
## Goals:
...
## Constrains:
...
## Skills:
...
## Workflows:
...
## OutputFormat:
...

最后

以上我对GPT的一些使用,也是在一个AI社群里不断学习并学以致用的一个案例。

当然,AI并不会让你这么容易就能去操控它,我们还需要在不同的场景对它加以修炼,所以还需要不断的学习,不断的去完善!

对提示词感兴趣的同学可以联系我:brown_7778,免费领取一份AI提示词prompt深度教学,嘘!我付费拿到的!

如果觉得文章对你有帮助,欢迎点赞``关注``转发,你的鼓励是支持我持续原创下去的动力~

相关推荐
朴马丁2 分钟前
从制造到智造:国产PLM如何赋能化工新材料企业研发创新
大数据·人工智能·制造·流程行业plm·化工新材料行业
AI棒棒牛5 分钟前
YOLO26 全网独家改进创新:ECCV2026 PriorEye 主干网络改进,引入视觉-空间先验门控 Backbone,复杂场景涨点新思路!
人工智能·神经网络·目标检测·yolo26
妙码生花8 分钟前
从 PHP 到 AI + Golang,程序员自救转型手记(二十七):管理员登录验证码开关
前端·后端·ai编程
天赐印记9 分钟前
从 Hexo 到前后端,再到现在这个「不用伺候服务器」的个人站
人工智能·程序员
AI 小老六9 分钟前
Agent 评测系统架构:从指标分层到 GT/Judge 闭环的工程化落地
人工智能·ai·架构·系统架构·可用性测试
尼斯湖皮皮怪10 分钟前
iceCoder 记忆系统深度分析
前端·javascript
用户255776557430010 分钟前
Cloudflare Pages 部署 Vite 项目踩坑记
前端
谢尔登13 分钟前
通过Semi Design思考前端组件AI化
前端·人工智能
刘一说17 分钟前
AI科技热点日报 | 2026年7月8日
人工智能·科技
她的男孩19 分钟前
当 Spring Boot 遇上 Flowable 7:Forge 框架企业级工作流引擎架构全解析
人工智能·后端·程序员