不用网站、不用编程，在电脑桌面上也能Vibe Coding（附实操步骤）-20260612
继上一篇聊完什么是Vibe Coding之后，这次直接上实操，手把手教你从电脑桌面开始，做一个自己的小工具。
不需要网站，不需要懂代码，全程只用记事本和浏览器。
第一步：准备一个记事本
在电脑桌面空白处，点右键 → 新建 → 文本文档。
你会得到一个叫“新建文本文档.txt”的文件。
第二步：把AI写好的代码粘贴进去
打开那个文本文档，把你从AI那里得到的代码全部复制、粘贴进去。
如果你还没有代码，可以直接复制下面这段（一个简单的亚克力单块估算器）：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>亚克力快速估算器</title>
<style>
body { font-family: system-ui; max-width: 400px; margin: 20px auto; padding: 20px; background: #f5f7fa; }
input, select { width: 100%; padding: 8px; margin: 6px 0; }
button { background: #3b82f6; color: white; border: none; padding: 10px; width: 100%; border-radius: 30px; cursor: pointer; }
.result { background: #e6f7e6; padding: 15px; border-radius: 20px; margin-top: 20px; }
</style>
</head>
<body>
<h2>📐 亚克力快速估算器</h2>
<label>长度 (mm)</label><input type="number" id="len" value="100">
<label>宽度 (mm)</label><input type="number" id="wid" value="200">
<label>厚度 (mm)</label><select id="thick"><option value="3">3mm</option><option value="5">5mm</option><option value="8">8mm</option><option value="10">10mm</option></select>
<label>材料等级</label><select id="material"><option value="23">国产料 (23元/kg)</option><option value="35">进口料 (35元/kg)</option></select>
<label>表面工艺</label><select id="process"><option value="60">直接UV (60元/㎡)</option><option value="120">烤漆+UV (120元/㎡)</option></select>
<label>报价系数</label><select id="factor"><option value="1.5">1.5倍</option><option value="2.0" selected>2.0倍</option><option value="2.5">2.5倍</option></select>
<button onclick="calc()">💰 估算报价</button>
<div id="result" class="result"></div>
<script>
function calc() {
let L = parseFloat(document.getElementById('len').value);
let W = parseFloat(document.getElementById('wid').value);
let thick = parseFloat(document.getElementById('thick').value);
let material = parseFloat(document.getElementById('material').value);
let process = parseFloat(document.getElementById('process').value);
let factor = parseFloat(document.getElementById('factor').value);
let area = L * W / 1000000;
let weight = (L/1000)*(W/1000)*(thick/1000)*1200;
let board = weight * material;
let proc = area * process;
let total = (board + proc) * factor;
document.getElementById('result').innerHTML = `💰 估算总价：${total.toFixed(2)} 元<br><small>不含安装、税、运费</small>`;
}
</script>
</body>
</html>第三步：保存文件，并把后缀改成 .html
点击记事本的 “文件” → “另存为”。
在“文件名”那里输入：估算器.html
在“保存类型”那里选择 “所有文件(.)”（一定要选这个，否则还是txt）。
点击“保存”。
桌面上会出现一个 估算器.html 的文件，图标变成浏览器的样子。
第四步：双击运行
直接双击这个 估算器.html 文件，它会用你的默认浏览器打开。
你就能看到一个带输入框、按钮、结果区域的报价工具。
输入数字，点“估算报价”，价格就出来了。
恭喜，你的第一个桌面工具已经做成了！
第五步：怎么分享给别人？
方法一：直接发文件
把这个 估算器.html 文件通过微信、QQ、邮件发给朋友。对方下载后，双击打开就能用（和你在自己电脑上一模一样）。
方法二：生成一个在线链接
有自己网站的，把文件上传到服务器，得到一个网址。
没有网站的，可以用免费工具（比如“草料二维码”的临时文件上传，或者注册一个免费的 GitHub Pages），把文件传上去，也能生成网址。
但如果只是想让朋友自己用，直接发文件是最省事的，不需要任何服务器。
总结
- 把你的想法告诉AI → AI给你一段代码。
- 在电脑桌面新建文本文档 → 粘贴代码。
- 另存为 → 文件名后缀改为
.html→ 保存类型选“所有文件”。 - 双击打开 → 工具就能用了。
- 想分享 → 直接发文件，或者上传到网站/网盘生成链接。
不需要网站、不需要编程、不需要服务器，只要你会复制粘贴，就能在5分钟内做出一个自己的小工具。
这就是我理解的Vibe Coding——用最简单的方式，把想法变成能用的东西。
如果你也想试试，就从桌面上的一个文本文档开始吧。
最后补充一句：这个帮咱们写代码的AI叫DeepSeek。我用的叫DeepSeek，大家都是用什么呢？