技术探索路上，新手如何选择适合自己的AI工具？

大家好，我是开源项目维护者老张。最近很多刚接触编程的朋友问我：“现在AI这么火，我该从哪开始？” 说实话，我当初学的时候也是一头雾水——ChatGPT、文心一言、各种技术名词满天飞，连“产品”这个词都快被用烂了。但别慌，今天我就用最实在的方式，带你搞清楚这些工具到底怎么用，尤其聚焦在JavaScript这个前端核心语言上，手把手教你迈出第一步。

为什么先聊“产品”思维？

在写代码前，先想清楚：你做的东西是给谁用的？解决什么问题？这叫“产品思维”。比如你想做个智能问答机器人，那就要考虑用户输入后，系统怎么响应。这时候，你就需要一个AI模型——比如ChatGPT或文心一言。

它们不是魔法，而是API（应用程序接口），你可以用JavaScript调用它们，就像点外卖一样：你下单（发送请求），厨房（AI模型）做菜（生成回复），骑手（网络）送过来（返回结果）。

环境准备：三分钟搭好开发环境

别被“环境”吓到，其实很简单：

1. 安装Node.js
   去 nodejs.org 下载LTS版本（长期支持版），安装时一路点“下一步”就行。

2. 验证安装
   打开终端（Windows用PowerShell，Mac用Terminal），输入：

   node -v
   npm -v
   

   如果显示版本号（如 v18.17.0），说明装好了。

3. 创建项目文件夹

   mkdir my-ai-app
   cd my-ai-app
   npm init -y
   

4. 安装必要依赖
   我们用 axios 来发网络请求：

   npm install axios
   

搞定！你现在有了一个能调用AI的JavaScript环境。

ChatGPT vs 文心一言：选哪个更适合新手？

很多初学者纠结这个问题。我直接上对比表：

对比项	ChatGPT (OpenAI API)	文心一言 (百度千帆)
语言支持	英文更强，中文也不错	中文优化更好
调用门槛	需要国际信用卡（注册API）	国内手机号即可注册
文档质量	英文文档完善，社区强大	中文文档清晰，示例丰富
免费额度	新用户有$5试用（需海外支付）	新用户送大量免费Token
JavaScript集成	官方有SDK，但需翻墙	提供国内CDN，访问稳定

我的建议：

• 如果你在国内，没海外支付方式 → 选文心一言
• 如果你能访问国际服务，且想接触全球主流技术 → 选ChatGPT

我当初学的时候，因为没信用卡，折腾了好久才用上ChatGPT。后来发现文心一言对新手更友好，中文报错信息一看就懂！

动手实战：用JavaScript调用文心一言

下面我们用文心一言做一个简单的“智能聊天小助手”。

步骤1：获取API Key

1. 访问 百度千帆大模型平台
2. 注册并登录
3. 进入“控制台” → “API密钥管理” → 创建新密钥（AK/SK）

记下你的 API Key 和 Secret Key。

步骤2：写代码调用API

新建文件 app.js，粘贴以下代码：

const axios = require('axios');

// 替换成你自己的密钥
const API_KEY = '你的API_KEY';
const SECRET_KEY = '你的SECRET_KEY';

// 获取访问令牌（Access Token）
async function getAccessToken() {
  const url = `https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=${API_KEY}&client_secret=${SECRET_KEY}`;
  const response = await axios.post(url);
  return response.data.access_token;
}

// 调用文心一言
async function askWenxin(prompt) {
  const accessToken = await getAccessToken();
  const url = `https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/completions?access_token=${accessToken}`;
  
  const response = await axios.post(url, {
    messages: [{ role: "user", content: prompt }]
  });
  
  return response.data.result;
}

// 测试
(async () => {
  const answer = await askWenxin("你好，能介绍一下你自己吗？");
  console.log("文心一言回答：", answer);
})();

步骤3：运行程序

在终端执行：

node app.js

如果一切正常，你会看到类似这样的输出：

文心一言回答： 你好！我是文心一言，由百度研发的大语言模型...

恭喜！你已经成功调用了AI模型。

常见问题解答（新手必看）

Q1：为什么我的代码报错“401 Unauthorized”？

原因：API Key 或 Secret Key 填错了。
解决：重新复制密钥，注意不要有多余空格。建议用 .env 文件管理密钥（进阶技巧）。

Q2：能不用每次请求都获取Access Token吗？

可以！Access Token 有效期24小时。你可以缓存它：

let cachedToken = null;
let tokenExpiry = 0;

async function getAccessToken() {
  if (Date.now() < tokenExpiry) {
    return cachedToken;
  }
  // ...原逻辑
  cachedToken = response.data.access_token;
  tokenExpiry = Date.now() + 24 * 60 * 60 * 1000; // 24小时
  return cachedToken;
}

Q3：ChatGPT 的代码怎么写？

如果你用 ChatGPT，代码更简单（假设你有API Key）：

const axios = require('axios');

const response = await axios.post(
  'https://api.openai.com/v1/chat/completions',
  {
    model: "gpt-3.5-turbo",
    messages: [{ role: "user", content: "你好！" }]
  },
  {
    headers: {
      'Authorization': `Bearer YOUR_API_KEY`,
      'Content-Type': 'application/json'
    }
  }
);
console.log(response.data.choices[0].message.content);

学习建议：从模仿到创造

1. 先跑通示例：不要一上来就改代码，先让官方例子跑起来。
2. 理解每行代码：问自己：“这行是干什么的？” 不懂就查。
3. 小步迭代：比如先让AI回答固定问题，再改成用户输入。
4. 加入产品思维：思考“这个功能对用户有什么用？”

我维护开源项目时发现，90%的新手问题都源于跳过基础步骤。慢就是快！

下一步学什么？

• 前端展示：把 app.js 改成网页版，用 HTML + JavaScript 实现聊天界面
• 错误处理：添加 try-catch，处理网络失败
• 多轮对话：保存历史消息，实现上下文记忆
• 部署上线：用 Vercel 或腾讯云把你的AI应用发布到网上

技术探索没有标准答案，但有靠谱的路径。选对工具（比如文心一言对国内新手更友好），用JavaScript快速验证想法，再逐步打磨成真正的产品——这才是高效学习的正道。

记住：每一个大神，都曾是连 console.log 都打错的新手。你现在的每一步，都在为未来的“产品”打地基。加油！