AI编程-基础篇（一）Trae的基础使用

一、IDE下载

IDE可以理解是程序员编写代码的地方，内部可以修改、调试和运行所写的代码。trae作为AI编程的免费IDE还是非常香的，不过需要注意国内版的不太好用，建议科学上网搜索，如下图界面进行下载，下载过程就是一直下一步就好了

模块介绍

左侧为常用的打开文件夹部分，右侧分为两部分chat和builder，可以简单理解为chat是你的领导，builder是你手底下的码农，码农写的代码出问题了复制到他领导那里去问领导咋处理，想写什么代码对着码农直接说就好了。

二、选择合适的项目练习

我这里选取了我非常喜欢的B站博主秋芝2046讲解的一个项目热搜榜单页面，需要实时的查询到当前的热榜信息，效果如下：
大致内容分为三步：

1. 说出需求给AI进行初步实现页面效果
2. 接入可以查询热点信息的api，接入可以整合热点信息数据的大模型api并让大模型生成点击后的文章内容
3. 改bug

三、具体实现步骤

1. 在builder模式下切换到合适的想用的内置大模型，这里推荐Claude-3.7
   2. 选择完成后输入以下prompt

帮我写一个漂亮的热搜榜单，页面上会展示今天的热搜榜单，只需要用户选中一条热搜新闻，AI就会根据这个新闻写出一条图文

然后一直点击运行就好

3. 在文件目录下方新建一个.md文件(一种说明文件的格式，不用在意)
   这里需要写入热点搜索api和大模型api的文本请求方式和文本获取方式（可以理解为我想获取到热点数据和大模型的处理能力，但是我得让我的程序员知道从哪里去拿，拿到了这些东西之后又该怎么处理）

下面显示的{自己的口令} 需要自己在官网申请。

热点api接口示例：
接口地址：https://apis.tianapi.com/weibohot/index
请求示例：https://apis.tianapi.com/weibohot/index?key={自己的口令}
支持协议：http/https
请求方式：get/post
返回格式：utf-8 json
{
  "code": 200,
  "msg": "success",
  "result": {
    "list": [   
      {
        "hotword": "失踪女童确认曾在漳州出现",
        "hotwordnum": "129940",
        "hottag": "热"
      },
      {
        "hotword": "沈佳妮给朱亚文备注是大腻乎",
        "hotwordnum": "101845",
        "hottag": "新"
      },
      {
        "hotword": "为什么中国急着垃圾分类",
        "hotwordnum": "60143",
        "hottag": "热"
      },
      {
        "hotword": "闫桉宋雨琦好甜",
        "hotwordnum": "55388",
        "hottag": "热"
      },
      {
        "hotword": "WE现场加油声音被消音",
        "hotwordnum": "54237",
        "hottag": "新"
      }
    ]
  }
}

失败调用，查看接口错误码释义：

	{
  "code": 150,
  "msg": "API可用次数不足"
}

LLM接口示例：
请求示例：
curl --location 'https://open.bigmodel.cn/api/paas/v4/chat/completions' \
--header 'Authorization: Bearer {自己的口令}' \
--header 'Content-Type: application/json' \
--data '{
    "model": "glm-4-flash",
    "messages": [
        {
            "role": "user",
            "content": "你好"
        }
    ]
}'
响应示例
{
  "created": 1703487403,
  "id": "8239375684858666781",
  "model": "glm-4-flash",
  "request_id": "8239375684858666781",
  "choices": [
      {
          "finish_reason": "stop",
          "index": 0,
          "message": {
              "content": "你好我是智谱AI，让创新的每一刻成为可能。",
              "role": "assistant"
          }
      }
  ],
  "usage": {
      "completion_tokens": 217,
      "prompt_tokens": 31,
      "total_tokens": 248
  }
}

这个key你可以理解为平台为了限制用户访问次数并节约资源，规定只有申请的人才能去使用，并且给一个号牌，要用的时候拿着号牌去网站上去取，这个号牌就是key
热搜api：[天聚数行](https://www.tianapi.com/)
注册完成后任意选择一个点击进入，一般下方就有请求和接受格式，复制就好

再进入个人中心，就会找到平台分配的key值进行复制，粘贴在我上方留白的位置

大模型api：[智谱AI]:https://www.bigmodel.cn/dev/api/http-call/http-auth
智谱AI的GLM-4-Flash模型是可以免费调用的，我直接跳转了api文档页面，同样的复制过来就好
同样在注册完成后进入个人中心，注意智谱需要个人实名认证，完成后新建一个key的名称可以自命名，他就会给你分配key值啦

4. 以上工作完成后，回到trae，在builder输入框中写入#，选择File，再选择api.md文件，这样就加载到上下文里面了
   
   
   然后输入以下prompt

这个是热搜和大模型的apikey和调用方式，请帮我真实的在这个热搜榜单调用用他们用他们实现真实的功能

5. 最后，点击预览就完成啦