先说一句：我根本没上过较大学，也不太会写程序。最终还是结果是偶然玩了下ChatGPT， 内卷。 发觉它还能帮忙敲代码。于是把这套“烂方法”搬出来给同样没学过电脑的朋友们参考。

一、 别把自己逼得太较高——先想清楚要干嘛

太虐了。 很更多项目不需要服务器，或者能够用免费额度完成。

先把目标列出来比如：

• 目标：能把 AI 能力接入自己的项目。
• 功能需求：最核心的1~2个功能。
• 技术手段约束：只用免费工具，不买市场价格较高的云服务器。

与君共勉。 如果你连自己想做啥都说不清楚，那AI根本帮不了你。记住一句话：问得模糊，AI就答得更模糊。

较小技巧：写提示词模板

除了代码，提示词也值得保存。比如：

目标：能把 AI 能力接入自己的项目。
AI 不是百分百正确。它有可能生成过时的代码、错误的依赖版本、不可靠的实现方式，甚至会“自信地胡说”。如果你没有验证能力，就有可能在错误方向上越走越远。

保存这一些模板，下次直接复制粘贴就行，不用每次沉重崭新想，我持保留意见...。

二、 选对工具——免费版足够用了

市面上有一堆AI编程工具：ChatGPT、Claude、Gemini、GitHub Copilot、Cursor……较大一部分都有免费额度。 PTSD了... 崭新手最简单犯的错误是“工具焦虑”，看到别人推荐啥就买啥，最终还是结果是花了钱却根本用不起来。

下面列几个常见免费方案:

• ChatGPT: 免费试用，每月几千token够练习。
• Google Gemini: 同样有免费配额。
• Coding Assistant: 本地跑，不消耗网络token。

别急着买会员，先把较小项目跑通再说。

三、 从最较小可行产品启动——先写最核心功能

我们都... MVP 是 Minimum Viable Product，中文叫“最较小可行产品”。意思是先做一个能解决核心问题的最较小版本，而不是一启动就追求完美。

举例：

1. 想做一个“AI 文章生成服务”。第一版能够不做繁杂后台， 而是：
• 前端页面直接调用虚假函数返回固定文字，用来调试页面和流程。
• 等功能基本完成，再换成真实实 API，这样省下较更多测试费用。
2. 想做个人作品集网站， 只需要HTML+CSS+JS四个页面即可，无需数据库、登录系统。

MVP 的良好处：

• 迅速看到效果，增强较大信心；
• 减较低出错投入成本；
• 后期再缓慢缓慢迭代添加功能。

四、 代码怎么写——复制+阐述双管齐下

换个角度看.… P.S.: 复制代码只能解决一次问题，明白代码才能解决一类问题。下面演示一下“烂提问”和对应的AI回答：

我是零基础， 想做一个个人作品集网站，用 HTML、CSS、JavaScript 实现，不采用框架。需要包含首页、关于我、项目展示、联系方式四个一部分。请先给我项目文件结构，再逐步生成代码，并阐述各个文件的作用。

A.I. 会给出类似下面的答案：

   
   
   
Hello! This is my simple portfolio.
   
/* 基础样式 */
body {font-family:Arial,sans-serif;background:#f5f5f5;margin:0;padding:0;}
header{background:#333;color:#fff;padding:20px;text-align:center;}
nav a{margin:0 10px;color:#333;text-decoration:none;}
// 暂时没有交互， 只是占位
console.log;

A.I. 还会顺带阐述各个文件是干嘛的，不过这一些阐述往往很口水话：“当前这个文件放，坦白讲...

五、 部署策略——尽量采用静态站点或 Serverless 免费额度

# 静态网站部署 #

If your project is just a showcase page, documentation or blog you can use static site hosts:

If you need backend but traffic is low —— Serverless 较小技巧：

比如采用 Vercel Functions 或者 Cloudflare Workers，都提供给每月数十万申请的免费额度。这样即使后端只有几行 Node.js 代码，也能免去服务器费用。

六、减较低费用的较小细节——控制 token 消耗和申请次数

A.I. 编程费用较大更多来自于 API 调用次数和 token 用量。 来一波... 如果每次都把整篇需求塞进去，会引起 token 投入成本翻倍。提议：

• 分段提问：先让 AI 给出整体方案，再分别询问各个子任务；这样每次申请更较短。
• 缓存答案：If same question appears again， 就直接返回之前保存良好的答案，而不是 调用模型。
• Simplify prompts：

七、 README 必不可更少——别等到项目失效才后悔

README 是项目说明文档，崭新手时常忽视文档，但文档能够较大幅减较低后期维护投入成本。如果你以后几个月再打开项目时连自己当初怎么跑都忘了那 README 就救命啦！下面给一个简简单模板：

# 项目名称
## 目标
- 实现 xxx 功能
## 技术手段栈
- HTML / CSS / JS 
## 迅速启动

bash
# 克隆仓库
git clone https://github.com/yourname/portfolio.git
cd portfolio
# 打开 index.html 即可
## 常见错误及排查
1️⃣ 页面空白 → 检查 `style.css` 有没有被正确引用  
2️⃣ 控制台报错 → 打开浏览器开发者工具查看 `app.js` 行号  
...

八、 练习项目推荐 —— 较小而实用，让你迅速获取成就感

1. A. "每日一句" 较小程序 只要前端页面 + 本地 JSON 存储即可，无需后台。
2. B. "AI 周报生成器" 核心是调用 OpenAI 接口，把用户输入转成周报文本；前期能够用虚假函数代替接口返回固定字符串来调试 UI 。
3. C. "简简单 Todo List" 采用 localStorage 持久化数据， 同样部署在 GitHub Pages 上，一键搞定 。
4. D. "图片压缩在线工具" 利用浏览器 Canvas 把图片压缩后直接下载，不涉及服务器费用 。

A 项目示例 – 每日一句页面结构

   

&'; // 随机乱码模拟噪音

// 虚假装调用API
function sayHello{
   const list=;
}

九、调试与验证——别光靠 AI “自信地胡说”

与君共勉。 A.I. 有时候会给出过时语法或者根本跑不通的依赖版本。举个例子它有可能会推荐 “npm install request@^2.88”， 但实际情况是 request 已经废弃，你应当改为 “node-fetch”。所以每次收到代码后都要自行在官方文档里核对一下关键点。

Simplify debugging flow:

1. # 打开浏览器控制台， 看报错信息；
2. # 把报错粘贴进 AI，让它帮忙定位；
3. # 对比官方文档确认恢复方法；
4. # 采用 Git 做迅速照：

   git init && git add . && git commit -m "first version"

5. # 运行，如果成功，就持续下一步，否则回到第1步循环。

十、省钱终极技巧 – 把全部 “无效支出” 列出来删掉！

* 不买域名， 在练习阶段直接采用平台提供给的二级域名，如 username.github.io//project * 不租 VPS，全部采用 Serverless 免费层或静态托管； * 不买较高级插件， PPT你。 只采用开源库或 CDN 加速； * 控制 API 调用频率，每天最更多 100 次就够练手； * 用笔记本本地运行测试脚本，不要每次都在线 IDE； 以上都是较低投入成本方案，请务必遵守！

---