当前位置：首页 > article >正文

Trae 是一款由 AI 驱动的 IDE，让编程更加愉悦和高效。国际版集成了 GPT-4 和 Claude 3.5，国内版集成了DeepSeek-r1

article 2025/3/9 12:29:49

Trae 是一款由 AI 驱动的 IDE，让编程更加愉悦和高效。国际版集成了 GPT-4 和 Claude 3.5，国内版继承了DeepSeek-r1，支持实时代码建议和无缝 GitHub 集成。

当前国内和国际版的AI都是免费的。

安装

国际版安装

国际版下载：下载 Trae - 字节跳动全新 AI 驱动的 IDE | Trae IDE

下载后安装，安装完启动，选注册

结果说不让中国人注册....

App Unavailable

Unfortunately, Trae is currently available in certain countries/regions. For users in China, you can download Trae CN from trae.com.cn .
If you have any questions, contact feedback@mail.trae.ai for further help.

晕！

你网页上能识别国别，那你弹出网页的时候就不能识别国别，直接导航到国内吗？

所以说国际版只认国外，弹窗也是弹到外国去。

国内版安装

踩坑之后才知道，原来要到国内网站下载才行，去这个网站下载国内版：Trae - AI 原生 IDE

去这里注册：Trae - 登录

下载之后直接安装即可。

实战测试

测试下chat功能

让它写个汉诺塔的程序，结果写了三段代码，最厉害的是什么呢？

最厉害的，是它都考虑到懒人不想再打开编辑器，直接帮着把写文件的代码都给出来了，在控制台把代码一贴，就自动写到文件里面去了！

比如这就是在Windows下给出的三段代码，直接黏贴到cmd控制台即可生成文件：

index.html文件

@'
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>汉诺塔演示</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <h1>汉诺塔演示</h1>
    <label for="discs">圆盘数量:</label>
    <input type="number" id="discs" value="3" min="1">
    <button onclick="startHanoi()">开始</button>
    <div class="towers">
        <div class="tower" id="towerA"></div>
        <div class="tower" id="towerB"></div>
        <div class="tower" id="towerC"></div>
    </div>
    <script src="script.js"></script>
</body>

</html>
'@ | Out-File -FilePath index.html -Encoding UTF8

styles.css文件：

@'
.towers {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    height: 300px;
}

.tower {
    width: 20px;
    height: 200px;
    background-color: #333;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.disc {
    height: 20px;
    border-radius: 10px;
    margin: 2px 0;
}
'@ | Out-File -FilePath styles.css -Encoding UTF8

script.js 文件：

@'
function createDiscs(n, tower) {
    for (let i = n; i > 0; i--) {
        const disc = document.createElement('div');
        disc.classList.add('disc');
        disc.style.width = `${i * 20}px`;
        disc.style.backgroundColor = `hsl(${i * 30}, 80%, 50%)`;
        tower.appendChild(disc);
    }
}

function moveDisc(fromTower, toTower) {
    return new Promise((resolve) => {
        const disc = fromTower.lastChild;
        if (disc) {
            toTower.appendChild(disc);
            setTimeout(() => {
                resolve();
            }, 500);
        }
    });
}

async function hanoi(n, source, auxiliary, target) {
    if (n === 1) {
        await moveDisc(source, target);
    } else {
        await hanoi(n - 1, source, target, auxiliary);
        await moveDisc(source, target);
        await hanoi(n - 1, auxiliary, source, target);
    }
}

async function startHanoi() {
    const n = parseInt(document.getElementById('discs').value);
    const towerA = document.getElementById('towerA');
    const towerB = document.getElementById('towerB');
    const towerC = document.getElementById('towerC');

    // 清空所有塔
    towerA.innerHTML = '';
    towerB.innerHTML = '';
    towerC.innerHTML = '';

    // 创建圆盘
    createDiscs(n, towerA);

    // 开始汉诺塔游戏
    await hanoi(n, towerA, towerB, towerC);
}
'@ | Out-File -FilePath script.js -Encoding UTF8

执行完这三段代码，就把三个文件生成了。然后用浏览器打开index.html文件，就能看到程序界面。设置好汉诺塔个数，然后点击排序，它就自动排起来，动画展示排序效果，证明代码写对了。这效果真是非常不错！