企业官网建设流程全解析

一、基础概念：什么是 Web‑Coding

Web‑Coding 本质就是借助大语言模型（LLM，Large Language Model）辅助程序员完成代码开发。

• 国内有人译作「范围式编程」；讲师更倾向理解为享受式编程：程序员指挥AI来写代码，解放重复编码工作。
• 从2025年下半年开始，企业已经逐步将Web‑Coding作为主流开发方式；程序员工作重心发生转变：
  1. 指明AI开发方向、给出清晰需求
  2. 审核、校验、修改AI生成出来的代码
• 该能力已经成为程序员求职的一项加分必备技能。
• 与之相对，传统一行一行手动敲代码的方式，被戏称为古法式编程。

  技术演进历史：打孔纸带 → 汇编语言 → C语言等高级语言 → Python/JS等高抽象语言 → AI辅助Web‑Coding。

二、背景知识：大语言模型 LLM

1. 什么是大语言模型

使用海量各行各业文本资料（网页、书籍、专业文档）训练出来的AI模型，可以理解多领域知识，相当于一位全科博士。

• 现实人类博士大多只精通单一领域；而大模型可以跨多个领域输出专业内容。
• 因此它天然具备理解、生成代码的能力，可以听懂人类自然语言指令完成编码任务。

2. 交互核心：提示词(Prompt)

你发给大模型的对话内容就叫做提示词，是人和大模型交互最核心的手段。

3. 大模型存在明显局限性 —— 幻觉问题

AI有可能编造虚假、不存在的事实（幻觉）。

案例演示：提问比特授课老师信息，AI虚构了后勤主管讲课的错误信息。 结论：AI输出结果不能直接全盘采信，需要程序员人工辨别、校验对错。

4. 当前主流大模型生态

（1）国际「御三家」（T1梯队）

ChatGPT（OpenAI）、Claude（Anthropic）、Gemini（Google）

• 缺点：国内用户访问受限。

（2）国内主流国产大模型

豆包、通义千问、文心一言、混元、DeepSeek、Kimi、MiniMax等。

• 国产模型整体能力和国际头部差距不大，足够支撑日常开发工作，访问便捷。

5. 灵魂拷问：程序员会不会被AI取代？

不会被取代。 大模型更像一个能力放大器（类似七龙珠界王拳）：使用者本身技术功底越强，AI带来的提升就越大；如果使用者完全不懂技术，就无法发现AI代码中隐藏的BUG、逻辑错误。

核心结论：底层计算机知识、编程基本功仍然必须学习掌握。

三、三类AI代码开发工具

第一类：VS‑Code发行版（图形界面IDE）

本质就是基于VS Code内核改造，额外内置AI对话侧边栏。

• 市场现状：VS Code占据约75.9%开发者市场份额，生态强大、极易扩展。
• 代表产品：Cursor、豆包Trae、Amazon CodeWhisperer、Github Copilot、腾讯Code、阿里Qwen‑Coder
• 优点：上手简单，熟悉VS Code即可快速使用；图形交互直观。

第二类：终端CLI命令行工具（课程重点学习方向）

CLI=Command‑Line Interface，命令行界面，和图形GUI相对。

• 代表：Claude Code、Codex、Open‑Code
• 市场案例：Claude Code上线半年市场份额达到9.7%，增长迅猛，背后依靠Claude大模型强大能力。
• 国内方案限制：原版Claude‑Code等海外工具国内直接访问困难；因此课程选用**Open‑Code（开源替代版）**作为教学工具。

第三类：一句话生成应用的在线网站工具

代表：Devin、秒搭、马上飞等

• 特点：纯网页在线使用，不需要本地搭建开发环境，代码托管在服务商服务器。
• 定位：面向非技术零基础人群快速生成Demo。
• 企业开发缺点：
  1. 业务代码、核心数据存在泄露风险
  2. 功能自由度受限，深度修改、精细化调优不方便
• 适用场景：课程设计、毕业设计快速做演示Demo；不适合商业项目开发。

企业正式开发优先选择第一类IDE发行版、第二类CLI终端工具。

四、Open‑Code 的安装部署（Ubuntu‑24.04 Linux为例，Windows安装步骤基本一致）

前置知识：Node.js & NPM

Open‑Code以及大部分同类CLI AI工具，底层由TypeScript + Node.js开发实现。

1. JavaScript原本仅能运行于浏览器；V8引擎（Chrome浏览器JS解释器）被剥离出来封装成独立运行环境，就是Node.js。Node.js让JS/TS可以开发后端服务、桌面程序、终端工具。
2. TypeScript：JavaScript的超集升级版，适合大型工程项目。
3. NPM：Node生态的包管理器，作用等价于 Linux apt、Java Maven、Python pip，用于一键下载安装开源程序包。

完整安装步骤

1. 不使用官网一键脚本（容易网络失败），选择NPM方式安装
2. 系统自带的Node.js版本过低，先导入第三方软件源，安装新版本Node.js
3. Node.js安装成功之后，npm会随之一起安装
4. 使用npm全局命令安装Open‑Code
5. 终端输入open‑code验证安装；Ctrl+C退出Open‑Code

sudo su - curl -sL https://deb.nodesource.com/setup_24.x | bash - apt install -y nodejs npm i -g opencode-ai #启动opencode-ai opencode

五、Open‑Code基础操作命令

1. 启动：终端输入open‑code；退出：Ctrl + C
2. 工作目录规则：在哪一个文件夹启动Open‑Code，该文件夹就是它的工作目录，默认只能访问修改该目录下文件；访问外部目录需要用户手动授权。
3. /theme：修改软件主题
4. /models：切换、选择接入的大模型；自带少量免费额度模型，适合初期试用
5. Ctrl+P：唤出完整命令控制面板，可以切换模型、配置模型供应商、新建对话、打开编辑器、切换智能体Agent、安装插件等

六、核心概念：Agent（智能体）

智能体就是被添加了人设、行为约束、任务定位的大模型，通过系统提示词限制它的能力范围。 Open‑Code内置4种Agent：

额外支持自定义Agent，课程不作讲解。

七、实战演示案例：C++编写打砖块

1. 在项目目录启动Open‑Code，发送提示词：使用C++编写控制台打砖块
2. AI自动生成代码，尝试编译运行
3. AI修改代码，闪烁问题修复，游戏正常运行

开发关键点：多轮对话迭代纠错。AI可以记住前面开发的全部上下文，你只需要描述新出现的问题即可，不需要每次都完整重述全部需求。

八、大模型「记忆」实现原理（非常重要）

1. 真相：大模型本身没有记忆能力

记忆效果是Open‑Code这类客户端工具实现维护的。 工作原理：工具保存你和AI所有的聊天记录；每一轮新提问的时候，工具会把【全部历史对话 + 新问题】一起打包发给大模型。

2. 发给大模型的消息三部分组成

1. 系统提示词：工具内置，定义AI人设、能力、约束规则
2. 用户提示词：你输入的指令、需求
3. AI提示词：上一轮大模型返回给你的回答内容

3. 上下文窗口（Context Window）

大模型单次请求能够接收、处理的最大Token数据上限，就是上下文窗口。

• Token：交互文本的计量单位，你发的文字、AI返回文字都消耗Token；按Token计费的模型收发双向都扣费。
• 窗口有上限，对话不断累加历史记录迟早会耗尽窗口空间，引发AI丢失上下文焦点、回答跑偏。

4. 三种上下文管理解决方案

1. 开启新对话（/new）：开启全新空白上下文，适合开发完全无关的新项目，隔断历史。
2. 上下文压缩（/summary/ compact）：让AI把冗长的历史对话总结成简短摘要，节省窗口空间；适合同一个项目还没有开发完毕，不想丢掉项目信息的场景。
3. 持久记忆文件 agent.md：项目关键约束、全局需求写入该Markdown文档，Open‑Code每次启动都会读取，不受上下文窗口限制。

九、Open‑Code其他版本 & 使用注意事项

Open‑Code不止终端CLI一种版本：

• Web版本：启动本地服务器，浏览器网页操作
• IDE插件版本：VS Code等编辑器插件集成
• 桌面图形版：独立GUI程序

  当前图形化版本BUG较多，课程优先推荐稳定的终端CLI版本。

⚠️ 重要风险提醒：慎用undo撤销功能

undo撤销修改功能存在BUG，有可能无法完整回退文件改动。最佳替代方案：全程使用Git版本管理，代码变更依靠Git来回滚，安全稳妥。Web‑Coding时代熟练使用Git是程序员必备技能。

十、接入付费模型：MiniMax Coding‑Plan 购买与配置教程

免费模型额度有限，重度开发推荐包月套餐。课程选用MiniMax作为示例。

1. 套餐两种计费模式

1. 按Token计费：用多少扣多少；适合偶尔少量使用
2. Coding‑Plan包月套餐（课程首选）：固定月费，有每5小时、每周调用上限，整体性价比更高，适合高频开发；最低29元/月。

2. 购买步骤

1. 搜索进入MiniMax官网，进入【API开放平台】
2. 手机号注册登录账号
3. 找到Token‑Plan（Coding‑Plan）套餐，选择包月（不推荐年付）

   不建议年付原因：大模型迭代速度极快，后续会出现更好更便宜的新模型，月付可以灵活切换，规避沉没成本。

4. 扫码支付，购买成功
5. 获取核心凭证：API‑Key（身份密钥）

   安全警告：API‑Key一旦泄露，别人可以消耗你的套餐额度，务必保密。

3. Open‑Code中配置MiniMax

1. /models→ 查看全部供应商
2. 供应商选择：minimax.com（国服，.io是国际服，国内网络慢），选择Coding‑Plan版本的供应商选项
3. 粘贴你的API‑Key完成绑定
4. 在模型列表选择2.7基础模型；不要选择high‑speed极速版（需要额外付费）

4. 使用体验说明

• 高峰期（白天下午）排队延迟高；低峰期（深夜）响应速度很快
• 上手建议顺序：免费模型试用 → 熟练工具之后按需购买包月套餐，优先选购最低档位套餐，额度不够再升级