首页 > 其他分享 >看!前端新人如何用ChatGPT开发APP

看!前端新人如何用ChatGPT开发APP

时间:2023-04-12 16:22:24浏览次数:53  
标签:新人 App 程序 生成 开发者 工具 ChatGPT APP

作为一种大型的基于GPT-3. 5结构的语言模型,ChatGPT由OpenAI训练,采用深度学习技术,通过大量的文本数据学习,可以生成类似于人类自然语言的文字。ChatGPT是一种非常强大的对话引擎,能进行对话、回答问题和完成任务。ChatGPT是一种工具,可以在没有编程知识的情况下使用,为用户提供各种服务和帮助。它可以应用于多个领域,包括客户服务、语音助手、智能家居、医疗保健和金融服务。那么对于略懂一些前端知识的新人,想开发一个安卓 App ,应该如何利用 ChatGPT 这样的工具呢?

 

想法思路

如果让我现在直接去用 ChatGPT 开发一个 App 肯定也不靠谱,毕竟过程中还得看问题,对于比较新晋的开发者来说,debug 也是一个非常上头的工作。但是如果让他帮我生成一个微信小程序,那就能顺利拿捏住了,后面再利用其他工具直接把这个小程序转为 App 就可以了。

思路确定,说搞就搞!

给ChatGPT描述需求

我发现虽然现在ChatGPT能够非常友好的帮助开发者完成各项任务,但是有一个非常重要的前提就是你需要懂得如何有效的给出命令,让他能够理解你的需求描述。这一点非常重要,我个人认为大家平时的工作中也需要有意识的训练自己的文字、语言表达能力。

我这里为了让整个流程更简单一些,我直接让ChatGPT帮我生成一个时钟小程序,能够以大号字体显示当前的时间,另外我希望时间字体是宇宙蓝,背景是纯黑色。

为了让ChatGPT能够更快理解我的描述,我将需求重新排了一个格式:

代码需求:开发一个微信小程序

功能描述:屏幕中间显示当前的日期和时间,日期在上,时间在下。时间的显示需要大号字体,字体颜色为宇宙蓝,整个背景是全屏纯黑色。

接下来就是ChatGPT的表演了:

 

 

 

 

 

 

小程序需求实现

因为我后续需要将小程序转为 App,经过技术的调研,发现现在 FinClip 是可以直接将小程序转为 App ,并且这个工具可以兼容微信代码,于是我直接在 FinClip 创建小程序项目,为方便后续的小程序转 App,开发工具也使用使用的 FIDE。

下面我们看看在上面的实现情况:

 

 

直接把 ChatGPT 生成的代码复制粘贴到开发工具对应的页面中,不要太爽。

 

 

快速生成App

前面也说到了假设我是个只懂 HTML、CSS、JS 相关知识的小白型开发者,直接上手 App 是有难度的,但是做一个小程序是基本能应付的,这里就可以借用 FinClip 开发工具的小程序转 App 功能。

 

 

整个过程跟着弹窗的提示操作就好,没有太大的难度。

后续系统会生成一个工程文件,放到 Android Studio 也能正常打开,并能后续根据自己的需求进行优化更改。

 

 

感想

市面中出现了越来越多的 Ai 工具,例如 ChatGPT 还可以用到文字创作、想法启迪等很多场景中,我们只要用的恰当,会实打实的帮我们提升工作的效率。

以上是我以一个完全小白的开发者角度使用 ChatGPT 开发小程序再用其他工具转 App 的实现路径。

另外,实践发现 GPT3.5 可能出现给的代码无法运行的情况,GPT4.0 是没问题的,如果大家使用3.5给出的代码无法用,可以用4.0试试,欢迎大家拍砖。

 

标签:新人,App,程序,生成,开发者,工具,ChatGPT,APP
From: https://www.cnblogs.com/lydia77/p/17310203.html

相关文章

  • ChatGPT账号被封禁,赶紧这样处理
    文/高扬 昨天关于ChatGPT账号封禁的理性分析发出后,很多人是这样理解的:道理我都懂,接下来怎么办? 我明白大家的意思,那我们尝试解封吧。 OpenAI官方唯一解封渠道:发邮件找他们申诉。 我在前期的文章里写过具体的办法,现在重新整理一遍,希望对大家有所帮助。    ......
  • ChatGPT推广指南,手把手教学
    近期很多朋友对推广ChatGPT网站非常感兴趣,今天我就统一大家进行回复。其实非常简单,只要您会操作智能手机和电脑就可以。网站登录流程我就不给大家赘述了,直接进入主题,全程干货仔细看1.个人中心。点击右上角——“头像”——点击“个人中心”2.推广链接。点击左侧菜单栏——“推......
  • MyBatis中XXMapper示例记录
    XXMapper.xml的结构示例如下,包括<resultMap>、<id>、<result>、<select>、<update>、<foreach>、<if>标签的使用:<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEmapperPUBLIC"-//mybatis.org//DTDMapper......
  • 给技术新人的ODPS优化建议
    数据开发基本都是从陌生到熟悉,但是写多了就会发现各种好用的工具/函数,也会发现各种坑,本文分享了作者从拿到数据到数据开发到数据监控的一些实操经验。写在前面本文档是组内的一份算法ODPS离线开发分享,仅列出了这些年积累下来的一些重要经验和结论,特别是在算法日常数据处......
  • 善借ChatGPT提效,Cursor四问答设计业务简一概念模型示例
    作为一个程序员,对新事物不好奇,没有学习新技术的自觉意识,不知道如何更好地运用工具来提升自己的效率,又如何保持自己的竞争力呢上一次文字创作:梦,仰望星空;路,脚踏实地今天看看辅助编程~上一篇工具Cursor介绍:人人都是程序员,AI神器Cursor辅助,体验自然语言编程第一问:请使用java帮我......
  • 如何设计一款App(译文)
    1.译者序2.前言3.准备开始3.1.设置应用的目标3.2.制定计划3.3.确定市场定位和研究竞争对手4.设计App4.1.创建线框图4.2.开始设计应用4.2.1.一些设计方案实现选项4.2.1.1.直接与设计师合作4.2.1.2.举办应用程序设计竞赛4.2.1.3.使用应用程序生成器......
  • 论文解析 -- A Systematic Mapping Study in AIOps
    AIOPS论文的综述如何挑选论文,如何选取keywords 搜索的3个论文库, Weselectthreeonlinesearchdatabasesthatareappropriateforthescopeofinvestigation:IEEEXplore,ACMDigitalLibraryandarXiv. 对于挑选出的论文进行分类,分类标准是,targetcomponents......
  • 火山引擎数智平台协助洞察美图类 APP 新增长 付费用户转化超过 124%
     更多技术交流、求职机会,欢迎关注字节跳动数据平台微信公众号,回复【1】进入官方交流群美图类APP的下一个增长点在哪里?目前,国内市场上的美图类APP大多都遵循着基础功能免费使用、个性化热门功能收费使用的原则。即用户可以在APP内选择基础的免费修图功能,比如「瘦脸瘦身」、......
  • UniApp小程序开发如何获取用户手机号
    我们在小程序开发的时候经常遇到这种需求,需要在账号登陆的时候进行手机号获取,并使用手机号登陆。本文讲述如何在前后端分离的状态下获取手机号查阅官网文档不难发现我们需要使用uni.login()这个方法来获取用户的code,获取用户的openid和session_key是需要后端去发请求的,因......
  • UEFI 基础教程 - 运行第一个APP HelloWorld
    一、代码编写1.在Kunlun/KunlunBdsPkg/Application下新建HelloWorld文件夹命令:mkdir HelloWorld2.新建.c文件命令:vimHelloworld.c 3.新建.inf文件命令:vimHelloworld.infBASE_NAME=  这里为编译后生成efi文件的文件名 4、将写好的inf文件放到编译的dsc文件中......