ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

不用Trae竟然怪VS Code?!五分钟带你一次性入门,同时搞定 Trae 和 VS Code

不用Trae竟然怪VS Code?!五分钟带你一次性入门,同时搞定 Trae 和 VS Code 近来我安利本地化 AI 办公软件的时候听到一个让我震惊的回答。有个朋友说不用 Trae用的别家。问他为什么他说据他了解 Trae 用的是 VS Code 那套画风和架构。他不知道 VS Code 是什么要是用 Trae 还得先学 VS Code那就算了太麻烦。我听完张大了吃惊的嘴巴。如果 VS Code和 Trae 长耳朵的话应该也是这个反应。因为像 VS Code 这种软件主打的就是极简、快速上手、容易入门。但想不到 Trae 沿用了 VS Code 的风格反而阻碍了它的推广和使用。这个朋友还补充了一个信息。据他了解VS Code 一般都是程序员在用所以 Trae 应该也是程序员用得更多。像我们这种主要从事文字创作的人用 Trae 不仅需要翻越知识壁垒还得专门去了解一款程序员的软件何必呢。但作为一个吃了别人安利、从 0 开始摸索上手、现在把它当日常化工具的人来说我认为这些壁垒都是朋友想象出来的。我的经历就是花 5 分钟稍微摸一下Trae 和 VS Code 就同时上手了。其实代码本质上也是一种文字它有自己的语法和架构。写作用的是纯文字是语言。Trae 是为写代码这种高阶的、更精准的语言专门设计出来的。那往下用到我们这种纯文字的写作场景里肯定是更好用的。必须剧透一下Trae 有实时交互功能让AI帮你改你自己手改让AI自动补全这些都很容易实现真正做到指哪改哪。并且通过页面折叠、按需求安装插件你还可以做到沉浸式创作大大节省在软件间来回跳转的时间。考虑到对于一些刚刚接触这种本地化 AI 软件的人来说这种被这种想象中的困难拦住的现象是普遍的。所以我决定把这个 5 分钟入门操作指南写出来让大家更容易直接上手也多试一试。也许你试完之后会发现这个软件更能满足你的需求呢。第一步确保你电脑上装了软件第一也是最重要的步骤是要确保你电脑上已经安装了 Trae 和 VS Code。这里有两种方式供你选择。我的建议是一般情况下可以考虑选第二种因为它比较省事。第一种是直接在浏览器里搜 Trae 或者 VS Code 官网进去之后找自己电脑的系统版本下载。Windows 就下 Windows 版Mac 就下 Mac 版别下错。第二种更简单直接找你电脑上的软件商店。Windows 有 Microsoft StoreMac 有 App Store。搜一下找到对应的软件点下载。软件商店会自动帮你挑好适合当前电脑的版本比较省事。安装过程没什么花里胡哨的只要不修改安装位置一路点同意就可以。顺便说一句Trae 现在有拉新活动找一个已经装了 Trae 的朋友让他给你发个分享链接你从那个链接下载再登录你在安装学习新软件的同时还能让你俩都能多得一笔积分兑换使用额度。下面我假设你已经装好了直接打开。为什么说学会了Trae就学会了VS Code你可以把 Trae 和 VS Code 都打开并排摆着看。你会发现这两个软件在开头部分整体感觉很像。比如顶部那一排菜单文件、编辑、选择、查看、转到。需要提醒一下你装的版本可能有一些内容是折起来的。这时候你要点顶栏上挨着文件、编辑那一排右边的三个点就能把折起来的菜单选项展开了。还有左边这一列图标放大镜、圆圈加直线、四个方块块都很像好像都是一样的。大体上这些菜单、左边的图标两个软件都长得挺像的。如果你的界面跟我截图里的不一样也不用太担心可能是插件导致的。这些插件都是按需安装的你目前没有也不影响你后面的学习和工作。下面再说不同的地方。VS Code 刚打开的时候抓人眼球的地方有两个左边的资源管理器上面有个能点击打开文件夹的选项中间那块空白区上面写着 Untitled-1让你选语言开始输入。其他的好像就没什么重要的了。Trae 呢刚打开看起来比 VS Code 简单好像就两列。中间是打开文件夹、新建项目之类的功能看起来少了 VS Code 左边那个资源管理器右边是非常醒目的 AI 交互面板看起来就像把网页版的 AI 聊天框嵌到软件里了你这么理解完全没有问题。但其实 Trae 也是有资源管理器的。你点最左边那列图标里开始是两页纸叠在一起的那个点一下资源管理器就出来了。所以从学习的角度来说如果你会用 Trae那肯定会用 VS Code。反过来也一样你学会了 VS CodeTrae 直接就能上手。如果你想要学习、掌握本地化 AI 应用就从 Trae 开始最合适。好了我们接着来看怎么快速上手 Trae。对着 Chat 和 Agent 说你好会发生什么看到 Trae 界面的时候你一眼就能注意到它右边有个 AI 对话栏这肯定是你最想先试的功能。那我们就从这里开始。先试试默认模式。你把鼠标移到右边对话框的输入栏里敲一句你好回车。AI 立刻开始跟你聊天了。这就是 Trae 默认给你的第一个 AI叫 Chat。每当你新打开一个对话它自动就调出来。Chat 主打一个聊天、分析、阅读它什么都不动。你可以把它理解成你手机上装的那些 AI 助手有事没事聊两句、搜个东西、帮你读篇文章。但它比手机上的 AI 多一个能力它能看见你当前工作区里的文件。不过你放心它看完之后绝对不会给你删改也不会上传到任何地方。好那如果你切到另一个 AI 呢看右边对话框最底下有个Chat的下拉按钮点一下切换到 Agent同样敲一句你好。不一样了吧Agent 不回你聊天直接弹出请先打开文件夹底下还有打开文件夹和新建项目两个按钮。为什么因为 Chat 是聊天的什么都不动Agent 是干活的它会真的动你的文件帮你写、帮你改、帮你生成。它要替你编辑、替你删改就必须先知道它能碰的范围在哪。所以你得先打开一个文件夹给它画个边界它才敢开始干活。所以简单记想聊天、想让 AI 帮你读东西用 Chat想让 AI 帮你写东西、改东西、干具体的活切到 Agent。这里要提醒一个实用的习惯日常用 AI 帮你做事的时候第一次打开对话记得确保自己在 Agent 模式不是 Chat。Trae 目前还不支持把 Chat 或 Agent 设成默认模式每次新开对话它自动给你调的是 Chat。所以有时候你可能长篇大论说完了才发现忘了切模式那就有点尴尬了——Chat 只会跟你聊不会动你的文件。当然如果不小心用了 Chat 也没关系。等你意识到的时候先暂停对话切换到 Agent 模式然后发一句继续它就能接着刚才的上下文往下干了。文件夹工作区项目空间那打开文件夹、新建项目选哪一个呢打开文件夹你肯定懂你电脑上到处都是文件夹。但这里打开文件夹是干什么呢新建项目又是什么意思什么是项目文件夹、工作区、项目这几个是 Trae 里的叫法。如果你用过其他本地化 AI 软件会发现一个叫空间的东西。名字不一样其实说的是一回事。你在电脑上做很多事情其实都会创建文件夹分门别类。比如你有很多照片会建一个图片文件夹把照片放进去你写文档改了很多版本可能也会建一个文件夹把每个版本都存一份放进去。文件夹就是给你划定一个工作范围。在 Trae 里也一样。这个文件夹你可以按需求新建也可以打开已有的。比如你原来经常编辑图片很少写文档现在接了个文字创作的活攒了一堆文档这时候你就可以新建一个文档文件夹把文档都放进去。这其实就是新建项目。点新建项目它会指引你选一个地方比如桌面然后在下面创建一个子文件夹就是这么个过程。如果你想接着干你的图片工作那不用新建直接点打开文件夹找到并且选你那个图片文件夹就行。选完之后左边那一列资源管理器会把这个文件夹里的内容全都列出来你接着干。我这里选了新建项目随手建了一个叫two的项目其实就是创建了这样一个文件夹。选完之后界面变了。你会发现右边的 Agent 开始说话了不再是那个请先打开文件夹的提示。它直接跟我说了你好有什么需要帮忙的尽管说。而且中间编辑器还出现了两个提醒“与 AI 对话和Editor 内 AI 编码”后面还跟着快捷键Ctrl U 和 Ctrl I。这两个提醒目前你可以不用特别在意。你现在不妨把它当成开屏广告先看见它但先别往心里记它的内容。等后面你频繁用到这些功能觉得点鼠标太麻烦的时候再设置快捷键就行了。日常新建或选择的方法你是不是感觉通过 Agent 跟 AI 对话打开文件夹和新建项目绕来绕去很麻烦刚才那个只是为了带你熟悉这个软件的结构。日常使用中其实我们一般也不用这种方法。日常新建或者打开文件夹你其实就点那个文件菜单像下图一样操作就行。这就跟你惯用的 Office、还有其他文本编辑软件一样都是通过文件→打开来打开已有文件夹或者通过文件→新建来创建新文件或新文件夹。VS Code 里也是同样的道理只不过它没有内嵌对话式的 AI所以每次打开界面之后你只能从文件里去打开和新建。Trae 和 VS Code 的特色跨文件夹管理 日常便捷复用靠这三个选项实现现在看起来这个软件用起来跟 Word 一样平平无奇没什么特色。下面这三个功能会让你体会到这两个软件的便利、快捷和高效。第一个将文件夹添加到工作区。这是最重要的。如果你用过其他本地化 AI 办公软件它们有些空间每次只让你选一个文件夹。但有时候你做一个活需要 AI 参考好几个不同地方的文件夹。比如你写文案在 A 文件夹参考资料在 B 文件夹配图素材在 C 文件夹。通过将文件夹添加到工作区这个功能你可以把 B、C 都加进来。加完之后左边资源管理器里就会同时显示所有文件夹AI 也能同时看到它们不用切来切去。第二个将工作区另存为。你把好几个文件夹都加到工作区里了很可能希望明天打开 Trae 的时候还能继续看到它们几个在一起。这时候就用将工作区另存为。点完之后选个地方存Trae 会给你生成一个 .code-workspace 后缀的文件。下次想回到这个状态右键找到这个文件选打开方式→ 用 Trae 打开一切就会回到你刚关闭它时的样子多个文件夹都在。第三个从文件打开工作区。如果你习惯先开 Trae 再操作的话可以先打开 Trae再走 File 菜单里的从文件打开工作区找到那个 .code-workspace 文件选中就行。效果跟右键打开一样。这个功能还有一个用处工作区切换。比如你建了好几个工作区想一会儿看看这个工作区一会儿看看那个工作区但又不希望它们通过添加文件夹彼此参考只是想单独看看另一个。这时候你可以在已经开着一个 Trae 窗口的基础上再开一个 Trae 窗口在新窗口里选从文件打开工作区找到另外一个 .code-workspace 文件。这样两个项目就会在两个不同的 Trae 窗口里同时打开很便于在两个项目之间做比对。总结一下这三个的关系先用添加文件夹把需要的都加进来 → 再用另存为存成 .code-workspace 文件 → 下次直接双击文件就能回去或者开新 Trae 窗口从文件打开工作区。一条龙服务确保你能跨文件夹干活而且每次干完存好下次接着干。VS Code 里也是一样。比如你用 VS Code 改东西想同时跨文件夹查看这其实是很常见的需求。比如你要写文章一边处理文字另一边要插入图片而文字通常存在一个文件夹里图片存在另一个文件夹里来回切换文件夹很费劲。你干脆通过添加文件夹把它们都加进来这样只需要在这一个软件里就能看见不同的文件夹了。学到这儿你可能感受到了Trae 跟其他本地化 AI 软件相比有一个好处就是可以在同一个界面里管理不同文件夹而且还是可视化的。是不是感觉到它的一点魅力了呢界面拆开看三块东西你只需要一块从下面来看一下中间的工作区这个区域就是日常使用的主战场。新建文件的时候无论是你自己建还是让 AI 帮你建都可以优先让它建 .md 或 .txt 格式。这种格式你可能不太熟悉但它其实是最便于 AI 编辑、也最容易便携化的格式而且它本身是支持格式的。建完之后你可以点上面的预览看它美化后的样子排版很规整。你可能会有顾虑建了这个文件之后平时交付可能用 Word 或 PDF。这好办用 Skill、MCP 或插件就能转很方便。先用这个把文字内容弄好后面再用这些辅助功能帮你转成需要的格式。你在中间编辑区写东西的时候可以随时跟 AI 交互。比如你写了一段觉得不太好选中那段文字通过快捷键在 Trae 里是 Ctrl L或者右键菜单里的添加到对话这段文字就自动送到右边 AI 对话框的输入框里了。你直接跟 AI 说帮我把这段改得更口语化一点不用自己复制粘贴。而且还有更方便的AI 会直接在你选中的那块地方改改前改后会让你对比。你觉得改得对按上面的确定就行不同意点一下就能回滚到上一个版本。不光能让 AI 改你自己也可以自己动手写。你写的时候编辑器也会有 AI 补全提示跟着你。如果你觉得它给你补的那段对按一下 Tab 键就不用自己输了挺省事的。这就是 Trae 比普通编辑器强的地方中间那块编辑区不仅能写字还能实时跟 AI 交互。全程不用在 Word 和浏览器之间切来切去一个窗口里就搞定。MD 文件的两个隐藏好处大纲导航 沉浸式写作MD 格式有个好处你加了一、二级标题之后左边资源管理器里会自动生成一个大纲点开能看到所有层级标题点击就能在各标题之间快速跳转。内容特别长的时候省得手动滑来滑去找段落。另外沉浸式写作也很方便。左边资源管理器可以用 Ctrl B 隐藏也可以点顶部那几个像门一样的小方块按钮就在设置左边那三个点一下就能把左右两边都收起来只留中间那块编辑区。下图就是把左边资源管理器和右边 AI 对话框都折叠之后的样子整个屏幕只剩中间那块白纸。无论是你自己写还是让 AI 帮你补全或修改都不用在多个窗口之间切换看起来很清爽。这个功能 VS Code 里也有按同样的快捷键就能把左边的资源管理器折起来实现沉浸式编辑。平时如果想一边编辑一边预览比如左边是带着所有井号和星号的 Markdown 原生文本右边是排版整齐的美化后的预览可以按 Ctrl K V就能在旁边开出一个实时预览窗口。你在左边改右边自动跟着变。想在同一窗口里切换编辑和预览按 Ctrl Shift V 就行。好了5 分钟到了。现在你已经掌握了 Trae 和 VS Code 的日常使用方法。需要提醒一下第一次打开文件夹的时候它可能会弹提示问你是否信任这个工作区你点信任就可以了。现在换你动手试试了。
返回列表