【场景方案】前端如何结合GPT提升我们的开发效率,个人经验总结,不定期更新~

news2024/11/27 2:55:10

文章目录

  • AI模型的选择
  • 提问的方式很重要
  • 心里建设
  • 提问方法论
    • 设立角色
    • 从总体到局部
    • 步骤拆分,循序渐进
    • 举例子说明
    • 主动让他联系上文
    • 不要太纠结提问的方式
  • 网址推荐
  • 尾巴

不说废话,没有铺垫,直接开始讲重点

AI模型的选择

首先咱们要选择一个适合的AI模型,目前除了OpenAI的GPT外,国内还过得去的就是百度的文心一言。截止目前为止,个人认为在编程领域中,GPT的回答质量还是更胜一筹。

但如果你就是喜欢文心一言,那么建议直接充钱搞上文心4.0,文心3.5的回答个人感觉就是GPT2.0的水平…

那么GPT选哪个版本,如果你会科学上网且恰好实力雄厚,那么无疑4.0可以直接带你飞。但是大部分人应该还是没方法体验到4.0的。没关系,3.5的回答质量已经很好了,只需要掌握一些提问的技巧(当然不是说4.0就不需要提问技巧了,都是可以适用的)。

以下例子咱们都只用GPT3.5。


提问的方式很重要

第一次使用GPT的萌新可能会和当初的我一样,总是拿到一些不符合要求的回答,明明心里想的这样,GPT偏理解成那样…

重点来了!大部分是因为你的提问方式不对!

提问的方式很重要!提问的方式很重要!提问的方式很重要!

我通过自己的使用经历,总结了一些提问技巧供大家参考。


心里建设

在开始讲提问技巧前,有些前置说明要先表明下。

首先,你要把GPT当做是一个“人”,不要觉得自己心里想的东西稍微提示下他就能get的到,和他描述的时候要像在公司中工作一样,认真且有条理的向他说明你脑子里想的内容。


提问方法论

就如上面所说的:提问的方式很重要。这里是本篇文章的重点,我认为这是在使用GPT时的核心技能。

设立角色

意思就是在提问的时候,提前和他说他自己扮演者什么样的角色,这样他就能根据当前角色的角度去回答你的问题。

例如:
在这里插入图片描述

这样子后续他的回答都会以vue3+vite的角度去回复你,你都不需要再和他说用vue3如何实现。

有些第三方平台把角色设立独立成一个前置功能了,你可以直接在里面声明好:

在这里插入图片描述
不要小看这些角色提前的设立哦,可以节省你后续纠正的概率。

从总体到局部

不要一上来就一股脑的把你想要的东西说给GPT,人家根本就不能第一次提问就能知道你真正想要一个怎样的答案!

可以先给他问一个整体的大纲,然后再慢慢对大纲里的某点进行逐步的细化。

例如我想做个中后台的登录登出流程功能,那么首先要梳理大纲:

在这里插入图片描述
然后开始细化前端整体步骤:

在这里插入图片描述

再继续细化一个具体步骤:

在这里插入图片描述

他后面开始有代码展示了。

这样子提问的好处是,你和他对整体功能的实现大纲同步了,思路同步了,你们后续的对话主题不是割裂的,出现偏差回答的概率大大降低。

步骤拆分,循序渐进

如果你的问题很大,或者说稍微复杂,你可以把问题拆分成几次提问,通过每次的提问不断地完善他对你问题的理解。

例如咱们要对axios进行一个在中小型项目中比较可靠的二次封装,首先让他给个最简单的封装实现:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后咱们让他补充一下token在请求头中的设置:

在这里插入图片描述
在这里插入图片描述
以此类推,不断地把api.js这个文件完善,最终咱们得到的就是一个可靠的二次封装方法了。

举例子说明

有时候咱们得问题比较的“定制化”,这个时候你只是通过描述他不一定能够完全get到你的意思。可以给他一些例子做思路参考。

例如我要写个工具函数:

在这里插入图片描述

主动让他联系上文

主动让GPT理解上下文,一般可以在提问的时候,例如问题的第一句说“根据你前面的回答”,还能具体到“根据你之前对xxx的回答”。

这个目的就是不要让他偏离了问题的思路。

其实这些方法论的核心就只有一个:“思想同步”

不要太纠结提问的方式

其实我上面提到的方法论已经完全足够你对GPT的驾驭了,有时候太纠结提问的方式反而会影响你的工作效率。

并且如果对方实在无法理解你的思路,立马放弃,自己想办法去解决,不要把自己耗死在里面。

这都是我血与泪的教训…


网址推荐

我这里推荐两个GPT3(注意哦是3,我大部分也都是用3)的国内低消费网站:

https://my.aigcplus.io/login

这个网站可以充钱也可以每天签到领取额度,有个问题是有时会网站崩溃。所以再给你推荐个:

https://chat.alapi.cn/

这个新用户可以提问100次,后面只需要续费十块就能接着问1000次,网站还是挺稳定的。

当然最完美还是直接用官方的网站。


尾巴

如果你有好的补充,欢迎评论区留下你的评论。

我后续也会不断地完善文章,敬请期待~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1181760.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

3-知识补充-HTTP协议

3-知识补充-HTTP协议 文章目录 3-知识补充-HTTP协议HTTP协议基础什么是HTTP?HTTP协议的会话方式HTTP1.0和HTTP1.1的区别 请求和响应报文报文的格式报文解析实例-请求百度官网请求报文-GET请求请求报文-POST请求-学习用-非请求百度官网响应报文 响应状态码有代表性的…

第八章认识Express框架

目录 Express模块化路由 基本概述 基本使用 基本构建 案例项目 Express接收请求参数 基本概述 基本类别 Express接收GET请求参数 Express接收POST请求参数 Express接收路由参数 Express模块化路由 基本概述 在Express中,路由是指确定应用程序如何响应对…

功率放大器的工作原理及选购技巧

功率放大器是电子设备中非常重要的组成部分之一,它的主要功能是将输入信号的功率进行放大,以驱动高功率负载。在各种应用领域中,如音频放大器、无线电频率放大器、射频功率放大器等,功率放大器都发挥着非常重要的作用。下面将介绍…

Kubernetes二进制搭建

目录 一、K8S的架构 二、K8S创建Pod资源的工作流程 三、K8S资源对象和资源配置信息 K8S资源对象 K8S资源配置信息 四、K8S的的三种网络和三种接口 三种网络: 三种节点: 五、etcd 集群 etcd 的特点: 六、flannel flannel方案 K8S …

指令手册术语缩写

指令手册术语缩写 1 指令汇总表中的操作码列(不带VEX前缀的指令)2 指令汇总表中的操作码列(带有VEX前缀的指令)3 操作码汇总表中的指令列 本文属于《 X86指令基础系列教程》之一,欢迎查看其它文章。 1 指令汇总表中的操作码列(不带VEX前缀的指令) 2 指令汇总表中的…

阿里云安全恶意程序检测(速通三)

阿里云安全恶意程序检测 特征工程进阶与方案优化pivot特征构建pivot特征pivot特征构建时间pivot特征构建细节特点 业务理解和结果分析结合模型理解业务多分类问题预测结果分析 特征工程进阶基于LightGBM模型验证模型结果分析模型测试 优化技巧与解决方案升级内存管理控制加速数…

【配置】如何在打包Spring Boot项目时按需使用日常、测试、预发、正式环境的配置文件

文章目录 前言1. 创建5个配置文件2. 在pom.xml文件中如下配置3. 在application.properties中加入环境变量 前言 在我们开发项目的时候,一般有四套环境:日常、测试、预发、正式。日常环境作为我们开发环境;测试环境给测试同学测试功能&#x…

基于厨师算法的无人机航迹规划-附代码

基于厨师算法的无人机航迹规划 文章目录 基于厨师算法的无人机航迹规划1.厨师搜索算法2.无人机飞行环境建模3.无人机航迹规划建模4.实验结果4.1地图创建4.2 航迹规划 5.参考文献6.Matlab代码 摘要:本文主要介绍利用厨师算法来优化无人机航迹规划。 1.厨师搜索算法 …

Canal同步Mysql数据到ES以及Springboot项目查询ES数据

1、环境准备 服务器:Centos7 Jdk版本:1.8 Mysql版本:5.7.44 Canal版本:1.17 Es版本:7.12.1 kibana版本:7.12.1 软件包下载地址:链接:https://pan.baidu.com/s/1jRpCJP0-hr9aI…

C++进阶篇4---番外-AVL树

一、AVL树的概念 二叉搜索树虽可以缩短查找的效率,但如果数据有序或接近有序二叉搜索树将退化为单支树,查 找元素相当于在顺序表中搜索元素,效率低下。因此,两位俄罗斯的数学家G.M.Adelson-Velskii 和E.M.Landis在1962年发明了一…

Microsoft Dynamics 365 CE 扩展定制 - 8. DevOps

在本章中,我们将介绍以下内容: 使用PowerShell导出Dynamics 365解决方案使用PowerShell部署解决方案构建解决方案层次结构修补解决方案暂存解决方案使用SolutionPackager在源代码管理中保存解决方案使用PackageDeployer将您的解决方案与配置数据打包基于解决方案版本增量触发…

缓存-基础理论和Guava Cache介绍

缓存-基础理论和Guava Cache介绍 缓存基础理论 缓存的容量和扩容 缓存初始容量、最大容量,扩容阈值以及相应的扩容实现。 缓存分类 本地缓存:运行于本进程中的缓存, 如Java的 concurrentHashMap, Ehcache,Guava Cache。 分布式缓…

3.Netty中Channel通道概述

Selector 模型 Java NIO 是基于 Selector 模型来实现非阻塞的 I/O。Netty 底层是基于 Java NIO 实现的,因此也使用了 Selector 模型。 Selector 模型解决了传统的阻塞 I/O 编程一个客户端一个线程的问题。Selector 提供了一种机制,用于监视一个或多个 …

如何成为C++大神?五个技巧助你提升编程水平

一名优秀的C程序员是如何炼成的?这个问题一直困扰着许多人,尤其是那些刚刚踏入编程的世界的新手。C作为一门强大而复杂的编程语言,的确需要一些特殊的技巧和策略才能掌握。但幸运的是,成为一名出色的C程序员并不是不可能的任务。在…

【算法练习Day41】买卖股票的最佳时机买卖股票的最佳时机 II

​📝个人主页:Sherry的成长之路 🏠学习社区:Sherry的成长之路(个人社区) 📖专栏链接:练题 🎯长路漫漫浩浩,万事皆有期待 文章目录 买卖股票的最佳时机买卖股票…

办公神器!2024年值得拥有的10款在线画板软件!

随着科技的进步和互联网的普及,我们工作、学习和生活方式发生了翻天覆地的变化。在线画板软件就是在这个背景下应运而生的一种便捷工具。它不仅满足了我们随时随地绘制图像、演示思路的需求,还提供了协同编辑、云存储等功能,使得团队协作变得…

Java面试题(高频、有答案,全网最强)

原文网址:Java面试题(高频、有答案,全网最强)-CSDN博客 这是一套全网最强的Java面试题,吊打网上所有Java面试题。 此套面试题的威力:看过这套题的朋友、同事、粉丝参加了面试后说,他们面试被问…

基于C#的GRPC

GRPC gRPC(gRPC Remote Procedure Call)是由Google开发的高性能、跨语言的远程过程调用框架。它基于HTTP/2协议进行通信,支持多种编程语言,包括C, C#, Java, Python等,使不同语言的应用程序可以通过远程调用相互通信。…

SPASS教程-入门

常用的统计工具 EXCEL 严格说来并不是统计软件,但作为数据表格软件,有一定统计计算功能。对于简单分析,Excel还算方便,但随着问题的深入,Excel就不那么“傻瓜”,需要使用函数,甚至根本没有相应…

​软考-高级-信息系统项目管理师教程 第四版【第19章-配置与变更管理-思维导图】​

软考-高级-信息系统项目管理师教程 第四版【第19章-配置与变更管理-思维导图】 课本里章节里所有蓝色字体的思维导图