AI时代,编程模式正在迅速转变。“程序员”正在成为历史,任何人都会编程。

工欲善其事,必先利其器。本期,我们将详细介绍如何从零开始,步入AI编程的新世界。

一、编辑器VsCode的安装

编辑器就是写代码的地方,以前我们用它来写代码,现在它的使用者换成了AI。
编辑器有很多种,这里我们推荐使用vscode。在VsCode官网下载电脑的相应版本,然后点击安装。
在这里插入图片描述

安装后打开vscode编辑器,默认是英文环境。
在这里插入图片描述

点击左侧的“Extensions”图标,输入“中文”并回车:
在这里插入图片描述

选择简体中文插件,并点击安装:

在这里插入图片描述
安装成功后,点击右下角的“Change Language and Restart” 按钮,重启vscode编辑器。
在这里插入图片描述
配置成功后,vscode编辑器就会变成中文环境。
在这里插入图片描述

二、AI插件的安装

光有编程器还不能让AI进行编程。
我们需要再安装一个插件,通过这个插件来调用AI进行编程。

这类型的插件有很多,我们选择Cline。因为它几乎支持现在我们常见的所有AI模型。

在vscode中,点击插件按钮,搜索Cline,并点击安装:
在这里插入图片描述

三、配置AI模型

Cline安装完成后,点击左侧Cline图标,选择“Bring my own API key”, 并点击"Continue":
在这里插入图片描述
这时会出现“API provider”下拉列表,其中包括Google、OpenAI、Anthropic等选项。这三家公司代表了当前最先进的模型提供商。
在这里插入图片描述

但对于初学者,一个月20美元的费用和网络环境的限制都是不能接受的。

相比之下,DeepSeek的付费模式就很友好。按使用量计费,也没有网络限制,模型本身也足够优秀。
在这里插入图片描述
点击“You can get a DeepSeek API key by signing up here”, 转到DeepSeek的官网:
在这里插入图片描述
点击下方的“开放平台”链接,用微信扫码登录。

点击"充值"菜单,充值10元就可以用很久了:
在这里插入图片描述
充值成功后,点击"API Keys"菜单,创建一个API Key:
在这里插入图片描述
创建成功后,复制这个Aapi key, 回到vscode中,在Cline的“DeepSeek API key”中填入这个key,点击"Continue" 完成AI模型的配置:
在这里插入图片描述

四、让AI编程

好了,现在万事俱备。
我们打开Cline, 输入一句提示词:

编写一个测试页面,内容显示“Hello,Tech123!”

看看AI是怎么帮我们编程的:

vscode-cline

经过几分钟的忙碌,成品如下,效果相当不错:
在这里插入图片描述

小结

本期内容中,我们从零开始构建了一个 AI 编程工具。借助这样的工具,只要具备清晰的思路,并对最终结果有大致预期,任何人都能创造出实用、甚至卓越的产品。

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐