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

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

相关推荐
CM莫问27 分钟前
tokenizer、tokenizer.encode、tokenizer.encode_plus比较
人工智能·python·深度学习·语言模型·大模型·tokenizer·文本表示
nn_302 小时前
利用 deepin-IDE 的 AI 能力,我实现了文件加密扩展
ide·人工智能
沐雨风栉2 小时前
Windows电脑部署SD 3.5结合内网穿透随时随地生成高质量AI图像
人工智能·电脑
过往记忆3 小时前
告别 Shuffle!深入探索 Spark 的 SPJ 技术
大数据·前端·分布式·ajax·spark
mazhafener1233 小时前
5G/4G工业边缘网关 边缘计算 硬核配置强算力
人工智能·5g·边缘计算
百家方案4 小时前
「下载」京东数科-数字孪生智慧园区解决方案:打通园区数据、融合园区业务、集成园区服务、共建园区生态,实现真实与数字孪生园区
人工智能·云计算·智慧园区·数智化园区
MUTA️4 小时前
专业版pycharm与服务器连接
人工智能·python·深度学习·计算机视觉·pycharm
高兴蛋炒饭4 小时前
RouYi-Vue框架,环境搭建以及使用
前端·javascript·vue.js
m0_748240444 小时前
《通义千问AI落地—中》:前端实现
前端·人工智能·状态模式
ᥬ 小月亮5 小时前
Vue中接入萤石等直播视频(更新中ing)
前端·javascript·vue.js