零门槛!手把手教你用VS Code + DeepSeek 免费玩转AI编程!

一、准备:软件准备

1. 下载Vs Code编程软件

VS Code 是微软开发的一款轻量级、跨平台的代码编辑器,支持多种编程语言,具备智能代码补全、调试、Git 集成、插件扩展等功能,适合高效开发。本篇文章我们就要结合Vs Code 和它的AI插件扩展 Cline, Continue来完成AI编程。

  1. 访问官网下载软件(可选Windows, Linux, Mac系统,这里以windows为例), 下载网址: https://code.visualstudio.com/。

  2. 双击下载好的 VSCodeUserSetup-x64.exe 文件,保持默认选项一直安装install即可。

  3. 运行Vs Code,使用界面如下,Vs Code最强大的功能是插件扩展,可以通过下载所需插件将VS Code打造为任何编译器(可以使用你掌握的任何语言开发,不限于C, Java,Python等),下面通过一个简单例子感受Vs Code的强大魅力:

    (1) Vs Code刚打开是英文界面,很多小伙伴可能不习惯,对于这种情况我 们只要安装中文扩展插件就可以了。

img

(2) 点击下图红色框出的插件扩展市场按钮,搜索Chinese,选择第一个安 装包,点击Install,下载好后右下角会有restart重启vs code的提示,点 击change and restart 重启之后就会变成中文显示啦。

img

img

img

2. 接入DeepSeek API

  1. 访问DeepSeek官网 https://www.deepseek.com/ ,点击API开放平台,注册平台账号

img

  1. DeepSeek目前已经开放了tokens充值,作为良心厂家,DeepSeek还是十分便宜的,每百万输入 tokens 2 元,每百万输出 tokens 8 元,一个月10元足够了。如果大家不想花费也可以白嫖(国内很多大厂平台也接入了DeepSeek模型)

  2. 点击左侧的API keys, 点击创建API Key, 一定要记住自己创建的API Key(以后配置要使用!!!)

img

img

二、配置:搭建人工智能代码助手(配置Cline和Continue插件)

1.设置Cline插件

首先简单介绍一下Cline插件:Cline是一款专为开发者设计的人工智能代码插件,内置Claude大模型的访问,也可以自行设置大模型,由大模型提供代码自动编写,错误检测、调试支持等功能,提升编程效率与代码质量。

下面就让我们在Vscode上配置Cline插件:

  1. 打开Vs Code插件市场,下载Cline插件,点击安装。下载完成后左边栏会出现小机器人按钮

img

img

  1. 点击小机器人图标,点击下方的Auto Approve:Read, Edit...字样,将所有选项都勾选,如下图所示:

img

img
3. 点击小机器人的图标,点击右上角的设置按钮,在API Provider中选择deepseek,将我们记住的DeepSeek的API Key填入对应框中,Model我们选择deepseek-chat,Custom Instructions中填入请用中文回答, 点击Done完成配置。

img

img

  1. 简单测试一下deepseek-chat有没有设置成功,我们在Type a message中写入“你好”,如果收到Cline的回复,说明你的deepseek已经设置成功啦!

img

2. 设置Continue插件

配置完Cline接下来我们配置Continue插件,Continue 是一款强大的 VS Code 插件,旨在通过集成人工智能助手来提升开发效率。Continue 可以提供智能补全、代码重构建议,以及与上下文紧密相关的代码生成功能。它支持自然语言输入,我们使用Continue来辅助Cline使用,利用Continue根据上下文自动补全代码并优化的特点进一步加快开发速度。

下面就让我们在vs code中安装Continue插件:

  1. 同样的在Vs Code扩展市场中安装Continue,这一部分我就不再赘述,大家自行操作,下载好后会在小机器人图标下面生成Continue图标:

img

img

  1. 点击Continue图标,点击模型下拉框,点击Add Chat model,并配置其中的模型为DeepSeek,同样的需要填入DeepSeek API Key,具体步骤如下:

img

img

  1. 同样在配置好后我们进行测试,在对话界面选择DeepSeek Coder 并输入你好,看到下面给我们的回复,我们的Continue就配置成功啦!

img

  1. Continue主要的功能在于对代码的自动补全,改错和优化, 这里打开一个python文件为例, 下图的代码中有行python代码 print('a'+111) , 大家如果熟悉python的话一眼看出python中字符串和数字不可以相加拼接,我们可以利用Continue自动修改,首先拖动鼠标选中代码,然后点击鼠标右键点击Continue点击Fix,稍等片刻我们发现Continue自动给出了代码正确的修复方案,此时你可以选择接受或拒绝来修改代码,更多操作大家在实践中探索吧:

img

img

三、实战:Cline+Continue编写自己的个人网站!

搭好了DeepSeek+Vs code+Cline+Continue的组合后,大家是不是也迫不及待的想要试一试效果呢,实战篇就和大家一起使用以上组合搭建个人网站并利用 github进行部署。

1. 利用deepseek生成网站描述提示词

要想让Cline自动生成好看的网站代码,我们一定要提供比较精确的提示词。那如何精确地描述我们的网站呢?不要慌,可以用DeepSeek生成我们的网站描述提示词。打开DeepSeek官网进入对话界面,输入“我想设计一个网页,好看一点的个人网站,上面展示自己的个人图片轮播,最下面还有微信公众号的链接,请你帮我设计一下,先不写代码,只是用文字分条将页面详细的设计出来”,DeepSeek会返回给我们结果:

img

2. 使用Cline生成网页代码

(1) 创建空文件夹web-station,使用vs code软件打开。
(2) 打开vs code, 点击左侧cline的小机器人图标,在Type a message... 框中输入“请帮我按如下要求编写网页:”并拼接第一步DeepSeek生成的提示词,敲击 enter 键后Cline会分析我们的需求,然后输出cline基本的设计计划,并询问对该计划有无需要调整的地方:

img

img

(3) 如果我们没有需要对计划调整的地方可以直接回复 没有需要调整的地方,请帮我生成代码 ,这时Cline会回复如下内容:

img

(4) 我们点击下方图中标出的plan/act按钮,将其切换到ACT, Cline会感知我们切换了按钮,并立刻帮我们生成代码。

img

(5) 神奇的事件发生了,Cline自动帮我们创建了文件夹,创建了一堆文件:index.html网页文件,style.css样式文件,script.js交互脚本文件,并向其中自动写入了代码,我们做到了一行代码没有书写就开始编写程序啦!我们可以自行查看Cline生成代码,同时Cline也提示我们还缺少图片文件,将图片文件添加到指定文件夹下后,我们输入: 图片资源文件已经添加完成。

img

img

(6) Cline会自动检查我们的图片资源命名是否正确,是否放置到了指定位置等,只需稍等片刻

img

(7) Cline完成所有检查后会出现如下提示,这时候我们就点击 Run Command 按钮,见证奇迹的时刻!

img

(8) 下面就是我们网站的效果啦,和我们预期提示词中的功能几乎一样,只需简单几分钟,一个属于我们的个人网站就开发好了(特别注意: 如果开发过程中遇到一些问题不要慌张,我们可以直接把报错信息发送给Cline让它帮我们自动修复,也可以使用我们部署的Continue工具 Fix代码,问题很快解决~ ),大家也可以继续修改代码让网站更好看。怎么样,AI编程助手的能力是不是很强大!

img

3. 网站部署

下面我们介绍网站部署,让更多人可以访问到我们的网站:

(1) 创建github账号,新建一个仓库,在仓库中直接把我们刚才的web-station 文件夹中内容传上去。目前国内网络导致大家github都比较卡,大家没有梯子的可以在微软官方商店下载 Watt ToolKit 软件, 提供了github加速。

img

(2)新建仓库时特别注意要选择Public, 不要选择private!不要选择private!不要选择private! 重要的事情说三遍

img

(3)仓库新建完成后,点击uploading existing file, 上传我们本地的网站代码和资源文件,将所有的web-station文件夹下的所有文件拖到上传页面后,点击Commit Changes 上传。

img

img

img

(4)上传完成后回到新建的仓库主页,点击Settings, 然后点击Pages,选择部署的分支 main,最后点击save按钮,参考下图:、

img

(5)点击save之后不断刷新页面(这一过程不要着急,可能要1-2分钟), 直到看到显示了你的网址,如下图圈出部分,点击 visit site, 就能看到我们的网站啦!大家可以把打开网址的链接分享给小伙伴,看看谁的网站最好看~

img

(6)这里放一下我的 github项目地址: https://github.com/TangBaron/aiWeb , 生成的网站链接:https://tangbaron.github.io/aiWeb/ 和网站截图,感兴趣的小伙伴可以访问关注一下,撒娇打滚求star~~~

四、总结

以上就是我们分享的全部内容,大模型真正造福了我们开发者,即使你不会代码,也可以利用DeepSeek+Vs Code+Cline+Continue让你的想法变为现实!还不赶快动手操作起来吧~

我的DeepSeek部署资料已打包好(自取↓)
https://pan.quark.cn/s/7e0fa45596e4

但如果你想知道这个工具为什么能“听懂人话”、写出代码 甚至预测市场趋势——答案就藏在大模型技术里!

❗️为什么你必须了解大模型?

1️⃣ 薪资爆炸:应届大模型工程师年薪40万起步,懂“Prompt调教”的带货主播收入翻3倍

2️⃣ 行业重构:金融、医疗、教育正在被AI重塑,不用大模型的公司3年内必淘汰

3️⃣ 零门槛上车:90%的进阶技巧不需写代码!会说话就能指挥AI

(附深度求索BOSS招聘信息)
在这里插入图片描述

⚠️警惕:当同事用DeepSeek 3小时干完你3天的工作时,淘汰倒计时就开始了。

那么,如何系统的去学习大模型LLM?

作为一名从业五年的资深大模型算法工程师,我经常会收到一些评论和私信,我是小白,学习大模型该从哪里入手呢?老师啊,我自学没有方向怎么办?老师,这个地方我不会啊。如果你也有类似的经历,一定要继续看下去!当然这些问题啊,也不是三言两语啊就能讲明白的。

所以我综合了大模型的所有知识点,给大家带来一套全网最全最细的大模型零基础教程。在做这套教程之前呢,我就曾放空大脑,以一个大模型小白的角度去重新解析它,采用基础知识和实战项目相结合的教学方式,历时3个月,终于完成了这样的课程,让你真正体会到什么是每一秒都在疯狂输出知识点。

篇幅有限,⚡️ 朋友们如果有需要全套 《2025全新制作的大模型全套资料》,扫码获取~
在这里插入图片描述

👉大模型学习指南+路线汇总👈

我们这套资料呢,会从基础篇、进阶篇和项目实战篇等三大方面来讲解。
在这里插入图片描述
在这里插入图片描述

👉①.基础篇👈

基础篇里面包括了Python快速入门、AI开发环境搭建及提示词工程,带你学习大模型核心原理、prompt使用技巧、Transformer架构和预训练、SFT、RLHF等一些基础概念,用最易懂的方式带你入门大模型。
在这里插入图片描述

👉②.进阶篇👈

接下来是进阶篇,你将掌握RAG、Agent、Langchain、大模型微调和私有化部署,学习如何构建外挂知识库并和自己的企业相结合,学习如何使用langchain框架提高开发效率和代码质量、学习如何选择合适的基座模型并进行数据集的收集预处理以及具体的模型微调等等。
在这里插入图片描述

👉③.实战篇👈

实战篇会手把手带着大家练习企业级的落地项目(已脱敏),比如RAG医疗问答系统、Agent智能电商客服系统、数字人项目实战、教育行业智能助教等等,从而帮助大家更好的应对大模型时代的挑战。
在这里插入图片描述

👉④.福利篇👈

最后呢,会给大家一个小福利,课程视频中的所有素材,有搭建AI开发环境资料包,还有学习计划表,几十上百G素材、电子书和课件等等,只要你能想到的素材,我这里几乎都有。我已经全部上传到CSDN,朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费
在这里插入图片描述
相信我,这套大模型系统教程将会是全网最齐全 最易懂的小白专用课!!
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值