极客前沿

零基础搭建你的第一个AI助手:从环境到跑通

2026-06-27 01:30
freeCodeCamp
查看原文

手把手教你安装必要工具、配置环境,并跑通一个简单的AI对话机器人。

准备环境:你需要装什么?

开始前,先装好三样东西:

  • Node.js(一个让JavaScript在电脑上运行的环境)—— 去 nodejs.org 下载LTS版本,安装时一路默认即可。
  • Visual Studio Code(写代码的编辑器)—— 去 code.visualstudio.com 下载安装。
  • Git(管理代码版本的工具)—— 去 git-scm.com 下载安装,安装时选“Git Bash”作为终端。

装好后,打开VS Code,按 Ctrl+` 打开终端,输入 node -vgit --version,看到版本号就说明成功。

Tutorial Image

安装步骤:一步步跑通AI项目

  1. 在终端输入 git clone https://github.com/your-project-link(假设你从教程获取了项目链接),把项目代码下载到本地。
  2. 进入项目文件夹:cd your-project-name
  3. 安装依赖:npm install(这会自动下载项目需要的所有包)。
  4. 设置环境变量:在项目根目录新建 .env 文件,填入你的API密钥(比如OpenAI的密钥,从官网申请)。格式为 OPENAI_API_KEY=你的密钥
  5. 启动项目:npm run dev。终端会显示一个本地地址(如 http://localhost:3000),用浏览器打开它。

常见坑提醒:如果 npm install 报错,试试 npm install --legacy-peer-deps;如果启动后页面空白,检查终端有没有红色错误信息,通常是因为密钥没填对。

验证是否成功:让AI说句话

打开浏览器中的页面,你应该看到一个聊天输入框。输入“你好”,点击发送,如果AI回复了内容(即使很简单),恭喜你跑通了!

Tutorial Image

如果没反应,检查终端:看是否有“Connected”或“Listening”字样,没有的话重启项目试试。

下一步可以做什么

现在你有了一个基础的AI对话界面。可以尝试:

  • 修改 app.jsindex.js 中的系统提示词(system prompt),让AI扮演特定角色。
  • 接入更多API,比如让AI能查天气或发邮件。
  • 把项目部署到(一个免费托管服务),这样朋友也能访问。

记住:先跑通,再优化。遇到问题就去搜索错误信息,大部分坑别人都踩过。

内容来源

freeCodeCamp

发布时间

2026-06-27 01:30

返回 AI技术