添加快捷方式
分享
零基础手搓 App 指南:AI + HBuilderX
输入“/”快速插入内容
零基础手搓 App 指南:AI + HBuilderX
用户1279
用户1279
🤩
只要你会复制粘贴,就能把你的灵感变成一个能在手机上跑的 App。我们不需要懂代码,只需要懂怎么指挥 AI。
答疑请加微信号:19374137891
🛠️ 准备好你的“武器库”
1.
大脑 (Gemini):
负责写代码的苦力。
2.
工厂 (HBuilderX):
负责把代码组装成 App 的工具。
3.
装修 (一张图):
找一张你最喜欢的图片,改名为
bg.jpg
,用来做 App 背景。
4.
APP logo图片准备:
1024x1024 PNG
第一步:搭环境(装个软件就行)
别被“环境搭建”这词吓到了。
•
去
DCloud 官网
下载
HBuilderX
。
•
避坑指南:
选**“标准版”**就够用了,体积小,下得快,不需要那些花里胡哨的插件。
第二步:建地基(新建项目)
•
打开 HBuilderX,左上角点
文件
->
新建
->
项目
。
•
选
普通项目
下的
空项目
。
•
起个名字(比如叫
MyIdeaApp
),点创建。
•
关键动作:
把你准备好的那张
bg.jpg
背景图,直接拖进左边的项目文件夹里。
31%
69%
第三步:指挥 AI 干活(获取代码)
打开 Gemini,咱们得像产品经理一样给它下指令,越具体越好。
直接复制这段话发给它:
“请帮我写一个单页面的 HTML5 代码,我要做一个【灵感记录 App】。
核心要求:
1.
界面要好看,背景使用同级目录下的 bg.jpg。
2.
功能要有:日历视图、备忘录列表。
3.
最重要的一点:
数据必须能保存在手机本地(使用 localStorage),这样关闭 App 数据也不会丢。”
等它生成完,直接点击代码块右上角的“复制”。