凭借其具备强大功能这一特性，Code完全改变了作者原来运用的编程方式，本文先是从安装配置这种情况开始说起，接着到核心功能的剖析解读，随后又涉及实战案例，以一种全面覆盖各个方面的形式，充分展示了Code所拥有的强大生产力，能够助力你从毫无基础的状态起步，以高效的方式实现开发。

就在最近，为了给我的其中一个以人工智能技术为依托的工程进行功能层次上的提升，这一点我当真是通过各种方式给钻研透彻了。然而实际上讲，使用的次数越是增多，内心就越发感觉存在着某种不顺畅的状况 。

在这儿，有个不算很复杂的功能，却让事儿变得格外“拧巴”，我得手动去@一堆相关文件，不厌其烦地一次次跟它阐释上下文，然而AI常常“跑偏”，改出的代码要么与项目原有的设计模式不相符，要么就直接引入新的bug 。

足足折腾了两周时间，我发觉本人并非是借助AI来提升效率，反而是在给AI处理后续麻烦，然而效率并未提升上去，人却先情绪激动起来了。

这个时候，我回想起了Code，长久以来听到的都是它是最为强大的AI编程，然而我一直都没有时间去运用它。此次下定决心去尝试一番 。

不试不知道，一试吓一跳！

首先说出结论，和Code，这二者根本就是全然不同的两种开发哲学 。一种是“辅助编码” ，那种情况下你依旧是主导者 ，AI是你手中的“锤子” ，你得精准地告知它敲在何处 。而Code是“代理式开发” ，在这般状况下你更像是个“项目经理” ，提出目标后 ，AI会自行变成一个“开发团队” ，自主去完成规划以及执行 。

嘿，你知道吗，好多人会被 CC 的高昂价格给吓得退缩，别着急别忧虑，接下来，会给你讲一讲怎样免费获取 100 美金额度，先让你尽情畅快地免费使用一番。

咱们今儿，就要彻彻底底弄明白 Code。先是保姆等级别的安装配置教程，接着是核心功能的深度剖析，然后是一个完整的实战实例，一步步带着你，弄清楚当下最厉害的 AI 编程工具 。

安装与配置：保姆级教程

若要运用Code，那就一定要保证本地环境契合其运行所需条件，并且完成必要的配置才行。以下是能确保您顺利开展安装以及运行操作的完整步骤，。

第一步：环境准备 (Node.js)

Code依照Node.js环境，需要保证您的系统里安装了Node.js 18或者更高的版本。

1. 安装 Node.js:访问Node.js 官方网站

链接为https://.org/en// ，，去进行下载，，而后安装，，是适宜于您操作系统的LTS（长期支持）版本的那种 。，。

2. 验证安装:

输入以下命令在终端中，若能正确地进行版本号返回，接着意味着显示安装成功，node –。

留意：针对用户而论，Code需于用于Linux的WSL环境里去运行。请预先进行安装，并且配置妥当WSL。

第二步：安装 Code

经由npm（Node.js包管理器）全域开展安装Code，npm -g @-ai/-code 。

安装完成后，通过以下命令验证： –

成功安装将显示具体的版本号。

第三步：首次运行与账户配置

发动，代码：于您项目目录或者随便何处位置的终端里头，键入，命令。

首先会让你选择一个主题，下面是主题的预览

首次运行之际， Code 将引领您实施配置状态，此为账户登录与授权范畴内里的情况哦，它具备两种主要的登录途径咧。

采用您订阅了 Pro 或者 Max 套餐的网页端账户来使用，这是最为具有性价比的方案结果，费用是固定且能够进行预测的那种，使用 API 开发者账户，按照 token 使用量来计算费用。

选择后者，后面介绍白嫖 100 美金额度的方法

3. 切换至项目路径

由于我是径直打开，提示我这是家文件夹，促使我切换至项目文件夹之下，如此这般更利于管理文件。

怎么做呢？用cd命令，这是切换当前路径的命令

再一次进行打开操作，键入cd，要留意后边存在一个空格，随后将新建而成的文件夹拖拉进去。

如下图，就看到我们切换到了文件夹里了

4. 白嫖 100 美金 API 额度

有的国内API中转站Anymestrenova for mac，目前正在开展活动，只要是新人进行注册，便会赠送100美金额度。

打开链接

登录方式为，使用https://.top/?aff=Wmh1 进行登录即可。

注意一定要用我的这个邀请链接来注册才有额度赠送。

注册完就能看到了。

新建 Token

建议设置成无限额度

配置好模型，可以只用 ，怕额度不够的就把 3.7 加上

毕竟，我们所需要运用Code的情形，皆是相对复杂多样的需求状况，所以尽量不要使用3.5了 。

去往终端，首先退出Code，键入以下配置，设置API密钥为=sk-…【此处填你之前新创建的Token】。

设置代理服务器地址，其内容是https://.top，之后进行重新启动。

看到这里显示我们自己设置的中转地址就证明成功了。

要不每次都得手动去进行设置，您能把命令添加到终端配置文件里，像那个. 或者.zshrc 这样的文件中哈 。 （有标点符号，符合要求）。

将这些内容，第一处把其中的echo -e ‘n =sk-…’ ，写入到 ~/. ，第二处把其中的 -e ‘n =https://.top’ ，写入到 ~/. ，第三处把其中的echo -e ‘n =sk-…’ ，写入到 ~/. ，第四处把其中的 -e ‘n =https://.top’ ，写入到 ~/. ，第五处把其中的echo -e ‘n =sk-…’ ，写入到 ~/. ，第六处把其中的 -e ‘n =https://.top’ ，写入到 ~/.zshrc 。

️ 踩坑经验：

留意，听闻 Any 所会收集运用的数据这样的情况，故而才呈现出这般低价；要保证大家仅仅是于开展案例或者实施测试之际予以使用，切莫涉及个人层面的信息，。

如果打算运用第三方 API 进行中转的情形下，那就得在 Code 里面率先退出登录，也就是 log out ，这是需要提前达成的。

第四步：IDE 集成与优化

代码能够跟主流集成开发环境无间隙连为整体，达成终端同图形化界面的相互带动。

VS Code与IDEs：当于IDE内置的终端内首次开展运行操作时，它会自行进行提示，并且安装相应的插件。在安装完成之后，您能够借助快捷键，也就是MacOS系统下的 + ESC或者Linux系统的Ctrl + ESC，迅速将Code面板给唤出来。

差异查看器，当其 Code 修改代码时可以运用/使得设置运用 IDE 的 diff 工具来将变更可视化，通过/命令把其设置为 auto 的时候就能够启用该功能。

常用斜杠命令

斜杠命令/是与 Code 交互的主要方式

以下是部分核心命令的摘要：

核心特性解析

例如，借助安装，能够使Code在构建以及测试iOS/macOS应用的方面表现得更为出色；而进行安装，便可强化它与浏览器互动来往进而开展网站开发的能力。

实战演练：从 0到一添加新功能

光讲不做是假把式，我们选取一个简易项目来实际操作一番Code，并且在这个流程当中运用多个关键命令。

前段时间，正好利用扣子空间做了一期内容，是关于从 0 到 1 打造出海 APP 原型的，针对智能猫砂盆打造出海 APP 原型，我是如何借助扣子空间攻克本土化难题达成从 0 到 1 打造出海 APP 原型的，然而说实话效果并不令人满意，恰好此时拿来 CC 运行看看 。

第一步：理解现有项目

先把产品开发需求文档扔到项目文件夹里

接下来使它去读取文档，弄明白我们当下所要做的事情，与此同时也检测一下Code能不能顺利运行？去研读当前项目的产品开发需求文档，弄清楚要开发怎样的app产品原型html。

好的，运转起来了，能够瞧见，代码运行呼叫着工具达成查找文档这一行为，之后再进行分析 。

第二步：直接跑

马上下一步，依照需求文档连同下面接着所说的要求，运用你所有并完整的专业知识以及创造力，造作一个单页HTML网页:呈现一套功能完备、视觉上出类拔萃的高保真交互原型，并直接给出完整HTML，无需前后置引导话语。

此刻，要把高保真的原型图给输出出来，借助以下途径，帮我把每个界面的原型设计给做完，还要保证这儿些原型界面能够直接拿去用于开发，。

进行用户体验分析，首要之事是对这个App的主要功能予以解析，接着分析用户需求，随后据此确定核心交互逻辑 。 有标点符号的哦，句号。

首先身份是产品经理，接着要去定义具有关键性质的界面，然后还要确保信息架构是合理的 。

3、高保真用户界面设计：身为用户界面设计师，去设计那种贴合真实苹果操作系统用户界面设计规范的界面，运用现代化的用户界面元素，从而让其具备良好的视觉体验 。

4、HTML原型达成构建：借助HTML加上CSS（或者）去生成全部的原型界面，并且运用（或者别的开源UI组件）使得界面更为精美、趋向于真实的App设计，拆分代码文档，维持结构清楚：

5、每一个界面都应当以单独独立的 HTML 文件形式进行存放，比如说像 home.html 、.html、.html 等等这样的形式。- index.html 被充当为主入口用来被使用mestrenova for mac，它并非直接去全部写入所有界面的 HTML 代码，而是采用 的方式去嵌入这些 HTML 片段，并且要把所有页面以直接平铺的形式展示在 index 页面当中，而不是通过跳转链接这般的形式 。

- 真实感需得以增强， - 针对界面之下的尺寸，应当去模拟 15 Pro， - 且要使得界面呈现圆角化这种趋向， - 进而让它变得更像是真实存在着的手机界面 。

使用真切实在的 UI 图片，而不要用占位特性的图片，这些图片能够从 Apple 官方 UI 资源里去挑选 。

去添加顶部那样的状态栏（此状态栏是模拟 iOS 系统的情形），并且要做到包含 App 的导航栏（这导航栏类似 iOS 系统底部的 Tab Bar 的样子），请依据以上所讲的要求去生成完整的那么 HTML 代码了，且要保证它能够被用在实际的开发过程当中。

此 html 页面需同时展现 APP 的多个页面，这意味着，存在多个 15 pro 的界面，它们平铺于页面里，借此让用户能够直观地看到全部产品页面。

可以看到 的规划能力在线的

的水平没毛病，生成了多个 html 文件

最终效果长这样：

截至此时，我们达成了 Code 从无到有的安装操作，并且配备了第三方中转 API，最终借助一次小型实践，切实开启了 Code 提升效率的旅程～。

对了，刚才针对文档开发原型展开需求的分析工作，总共进行了运行操作，耗费为0.95。

跑的是 ，这成本你觉得还可以接受吗？

如有侵权请联系删除！