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

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

相关推荐
牛奶几秒前
为什么全国人民都能秒开同一个视频?
前端·http·cdn
新缸中之脑12 分钟前
AI工程师成长路线图 (2026)
人工智能
商业数据派12 分钟前
快手估值重构的“隐藏彩蛋”
大数据·人工智能·重构
新缸中之脑16 分钟前
你的智能体技术栈中缺失的层
大数据·人工智能·数据挖掘
呆呆敲代码的小Y21 分钟前
UnityMCP+Claude+VSCode,构建最强AI游戏开发环境
人工智能·vscode·游戏·unity·游戏引擎·u3d·mcp
KongHen0226 分钟前
uniapp-x实现自定义tabbar
前端·javascript·uni-app·unix
汪子熙27 分钟前
TS2320 错误的本质、触发场景与在 Angular / RxJS 项目中的系统化应对
前端·javascript·angular.js
balmtv29 分钟前
Claude 3.5镜像深度推理实战:用AI破解复杂逻辑谜题与数学证明
人工智能
BPM66641 分钟前
2026 AI流程管理软件选型:从BPM到iBPM,如何构建可分析、可优化、可执行的流程平台
人工智能
我命由我1234544 分钟前
React - BrowserRouter 与 HashRouter、push 模式与 replace 模式、编程式导航、withRouter
开发语言·前端·javascript·react.js·前端框架·html·ecmascript