【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深度教学,嘘!我付费拿到的!

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

相关推荐
AIGC大时代9 分钟前
知网 AIGC 检测在罚什么:均匀句长、低指代、零口癖,并不等于「用过 ChatGPT」
人工智能·chatgpt·nlp·aigc·论文·知网·学术规范
计算机魔术师11 分钟前
Meta突然杀进第一梯队:一个新模型,把AI推理成本打下来8倍
前端
华奥系科技12 分钟前
银发经济浪潮下,智慧养老该如何落地生根
大数据·人工智能
czxxxc16 分钟前
创客匠人AI观察:模型竞赛再提速,安全与治理成新主线
人工智能·知识付费
IT_陈寒23 分钟前
Redis缓存雪崩把我坑惨了,这次长记性了
前端·人工智能·后端
百胜软件@百胜软件30 分钟前
百胜软件入选“828精选AI解决方案图谱”,胜券AI助力零售品牌构建专属智能体
大数据·人工智能·零售
风骏时光牛马34 分钟前
提示词工程:大模型效能挖掘与指令设计实战
前端
仓三36 分钟前
Chrome DevTools MCP 上手:让 Coding Agent 自己调试前端页面
前端·chrome devtools·mcp
计算机魔术师41 分钟前
扒完Google AI Agent挑战赛的前三名,我发现了一个共同点
前端
ai小陈1 小时前
Hunyuan3D-2云端部署实战:图生3D、文生3D怎么跑更稳
人工智能·科技·3d·ai·音视频·gpu算力