news 2026/4/16 0:06:37

土木工程师的AI创业路:3天用Qoder搭建公司官网

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
土木工程师的AI创业路:3天用Qoder搭建公司官网

大家好,我叫欧盛,是广州思沃克科技有限公司 CEO。本科土木,研究生学的是地震,职业生涯前半段与代码毫无交集。然而就在今年8月,我毅然辞去工作14年的岗位,转身投入AI+土木的创业浪潮。

我今天主要分享的是 Qoder 如何助我从0到1上线第一个商业化项目——产品官网,我会讲一些心得体会,还有使用 Qoder 的一些实操分享。

为什么要做官网?

现在我创办了一家AI+土木的公司,所以公司需要一个门户网站。很多人认为官网只是“展示窗口”,但对我而言,它是第一个可验证的商业化产品。我的官网本身就是用来卖产品的,它就是一个商业项目。”

我的公司目前有两款核心产品:

  1. 爱问设计
    面向土木工程师的AI助手,汇集行业规范、标准图纸,随时随地获取专业知识。支持中文检索海外规范,智能查新工具帮您避免版本错误,让规范查询从1小时缩短到5分钟。

  2. AI知识圈
    为土木设计单位打造专属的AI知识管理系统,支持多模态数据解析,让知识资产价值最大化。通过先进的RAG技术,实现智能问答、精准溯源、知识共享,助力企业数字化转型。

官网的任务,就是清晰传达这两款产品的价值,并引导潜在客户留下联系方式。因此,它必须包含:

  • 公司介绍与愿景

  • 核心产品展示

  • 行业解决方案

  • 客户案例(水利、电力、石化、新能源、民建五大领域)

  • 定价方案与常见问题

  • 联系表单(用于线索收集)

官网不需要复杂交互,但必须信息完整、逻辑清晰、转化有效。官网的很多模块,我都是使用 Qoder 帮我写的,我觉得 Qoder 还是非常不错的。

Vibe Coding学习的心路历程

我是从今年 3 月份开始学习Vibe Coding,到现在也就是 8 个月左右。接下来我介绍下自己Vibe Coding学习的心路历程。

1. 起点:API大赛激发兴趣

当时我为什么会接触Vibe Coding呢?我原公司是土木类的软件公司,我在原公司组织了首届API开发者大赛,就是土木类的开发者在我们的这个 API 上面做一些二次开发。当时我就对Vibe Coding 产生了浓厚的兴趣,后面我就开始跟着线上教程,一步一步学 Vibe Coding。

2. 入门:学习 AI编程工具

后来我一边学习,一边做一些视频分享。因为我觉得学了之后,做视频能够让我更加深刻的去理解这些功能,然后将它分享出来,我觉得也是对别人是有价值的。

我也会参加一些黑客松活动,然后跟他们交流的也比较深。

  1. 使用 Qoder 完成项目

我接触 Qoder 大概是两个月前的事情,因为当时我有个同学,他跟我说他用 Qoder 觉得软件效果还不错,然后他推荐我用一下。正好我要做这个官网,那我干脆就拿 Qoder 来试一下吧。没想到使用 Qoder 后,我发现做这个产品还挺顺利的。

从零起步肯定要去学很多的知识,因为我以前是编程小白,什么一个网站、什么前端后端,我当时还不太懂。所以我经常周末的时候,就在 B 站看学习视频。

接下来我给大家分享一下我的 B 站学习资源:

  • 码里奥 Ziho:主要是后端精讲,简洁干练;

  • 熠辉 IndieDev:主要 Vibe Coding系统课程,内容丰富;

  • 技术爬爬虾:内容非常的干,只要你坚持去听,肯定会有收获;

  • AI 进化论-花生:早期Web Coding变现案例,启发性强。

我借用王国维《人间词话》的读书三境界,总结自己的成长:

  • 第一境:“昨夜西风凋碧树,独上高楼,望尽天涯路” 初识 Vibe Coding,满眼皆是陌生语法、框架规则,孤身摸索方向,一心想看清技术全貌。

  • 第二境:“衣带渐宽终不悔,为伊消得人憔悴” 沉心深耕,在无数次调试报错、重构代码中反复打磨,纵然耗时费力,也对打磨流畅编码手感矢志不渝。目前我还处于这个境界。

  • 第三境:“众里寻他千百度,蓦然回首,那人却在灯火阑珊处” 历经千锤百炼,终能随心驾驭技术,代码与思路同频共振,于不经意间达成优雅简洁的 Vibe Coding 状态。

官网开发背景知识介绍

传统网站开发流程:产品经理写PRD-->UI设计师出图-->前端开发页面-->后端搭建接口-->前后端联调-->运维部署上线。

所以说,一个传统的软件公司至少是需要6个人的,每个人分工合作。网站代码写完了,你还要上线,比如:你要将网站部署到云服务器,你要买域名、买服务器,还要做 Nginx 配置和 SSL证书的部署。

现在有了 Vibe Coding之后,这些所有的事情其实一个人就可以完成。你只要有想法,然后在 Qoder 中输入提示词后,Qoder 就开始开发,开发完了之后你再预览。如果不满意,我们再随时调整,随时 Vibe Coding 。

现在我有一个问题,从3月份学到现在,8 月份之前我为什么没有做出一个完整的商业化项目?其实我觉得最主要的原因是 Vibe Coding 是没办法做到真正的商业化运营的。如果你要做商业化开发的话,还是必须要用到 Spec Coding。

  • Vibe Coding:快速出 Demo,适合体验;

  • Spec Coding:用精确需求约束AI,避免“屎山代码”。

实操复盘:三天搭建官网的完整流程

这个官网是我利用业余时间,通过 Qoder 逐步开发并最终部署到阿里云的,整个过程大约用了三天。

很多初学者在没做过网站时,往往会直接让 Qoder “帮我做一个公司官网”——但我不会这么做。我的做法是:先写 PRD(产品需求文档),再分模块开发。具体来说,我先让 Qoder 基于 PRD 生成首页,验证整体风格和结构后,再依次开发产品介绍、解决方案、客户案例等核心页面。

第一天:需求定义 + 首页开发

  1. 我把产品相关信息全部丢给 Gemini 3 生成初版PRD;

  2. 将这份 PRD 导入 Qoder,让它补充“行业痛点”“定价策略”等专业内容;

  3. 基于完善后的 PRD,让 Qoder 自动生成首页;

  4. 预览效果,并手动微调配色、字体和排版,确保视觉符合预期。

第二天:分模块开发 + 后端对接

  1. 逐页生成内容:分别给 Qoder 下达指令,开发“产品页”“解决方案”“客户案例”等页面。如果你担心提示词不够精准,Qoder 内置了“一键优化提示词”功能,能自动帮你改写得更清晰、有效;

  2. 在 Qoder 中接入 CloudBase MCP 服务,直接调用 MCP 开发后端逻辑(如表单提交、数据存储等);

  3. 本地运行测试,确保前后端功能正常。

第三天:云部署 + 上线

  1. 购买阿里云 ECS 或者轻量应用服务器;

  2. 在 Qoder 的“极致模式”下,直接提问:“如何将这个网站部署到阿里云?”它会输出详细的部署步骤;

  3. 按照指引完成部署,并配置域名解析与 SSL 证书;

  4. 上线后监控访问日志。如果因流量突增导致偶发崩溃,只需把报错信息粘贴给 Qoder,它就能快速定位问题并生成修复方案。

整个过程无需深厚前端或运维背景,关键在于结构化拆解任务 + 善用 Qoder 的上下文理解与工程能力。

写在最后

技术的门槛正在坍塌,创造力才是这个时代真正的护城河。

没有计算机学位?不懂服务器运维?不是专业设计师?没关系——我用 AI 做出了产品、部署了服务、搭建了官网,全程一个人完成。

创业不必等“万事俱备”。在 AI 时代,真正的敏捷是:先做出 MVP,再快速迭代。

如果你也想开启属于自己的创造之旅,不妨从今天开始:

  1. 注册 Qoder;

  2. 写下你的第一个 PRD;

  3. 让 AI 为你生成第一行代码。

世界永远属于行动者,而非观望者。而最好的起点,就是现在。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/15 15:07:47

Anaconda多环境切换技巧:隔离不同PyTorch项目依赖

Anaconda多环境切换技巧:隔离不同PyTorch项目依赖 在深度学习项目的日常开发中,你是否曾遇到过这样的场景:刚为一个基于 PyTorch 1.12 的旧项目配置好环境,转头就要启动一个需要 PyTorch 2.7 CUDA 12 的新任务?结果一…

作者头像 李华
网站建设 2026/4/11 10:26:52

如何验证PyTorch是否成功调用GPU?基于v2.7镜像测试步骤

如何验证PyTorch是否成功调用GPU?基于v2.7镜像测试步骤 在深度学习项目中,最让人沮丧的场景之一莫过于:训练脚本跑了一小时才发现——根本没用上GPU。明明买了高端显卡、部署了CUDA环境,结果模型还在CPU上慢吞吞地迭代。这种“虚…

作者头像 李华
网站建设 2026/4/8 11:47:33

Docker exec进入正在运行的PyTorch容器调试问题

Docker exec进入正在运行的PyTorch容器调试问题 在深度学习项目开发中,一个常见的场景是:你启动了一个基于 PyTorch 的训练任务容器,几个小时后发现模型没有如预期那样加载 GPU,或者某个依赖包无法导入。此时如果选择停止容器、修…

作者头像 李华
网站建设 2026/4/15 10:10:31

PyTorch安装教程GPU版:基于PyTorch-CUDA-v2.7镜像快速部署

PyTorch-CUDA 镜像实战指南:一键部署 GPU 深度学习环境 在现代 AI 开发中,最让人头疼的往往不是模型设计本身,而是“为什么我的代码跑不起来?”——明明在同事电脑上运行流畅的训练脚本,换到自己机器却报出 CUDA not a…

作者头像 李华
网站建设 2026/4/11 20:42:59

利用PyTorch-CUDA镜像降低新人入职AI项目的上手门槛

利用PyTorch-CUDA镜像降低新人入职AI项目的上手门槛 在一家AI初创公司,新来的算法工程师小李花了整整三天才跑通第一个训练脚本——不是模型写错了,而是环境问题:CUDA版本不匹配、cuDNN没装对、PyTorch编译时找不到GPU支持……这样的场景&…

作者头像 李华
网站建设 2026/4/12 11:36:59

利用Transformers管道进行文本生成:在CUDA镜像中实测Token输出速率

利用Transformers管道进行文本生成:在CUDA镜像中实测Token输出速率 你有没有遇到过这样的场景:刚部署好的大模型API,用户一输入提示词,系统就开始“思考人生”——响应慢得像在加载上世纪的网页?尤其当并发请求上来时&…

作者头像 李华