XM官网

DeepSeek更新,一文教你如何用AI编程提高工作效率(2025年03月31日)

XM

DeepSeek V3发布了最新的0324版本 ,这次版本的意义重大 。

为什么这么说?因为V3 0324强化了编程能力,之前最强AI编程工具Claude,国内并不支持 ,普通人要用上它非常困难。

所以AI编程在小白用户中并没有得到普及 ,但现在不同了,借助DeepSeek V3 0324,普通人轻而易举就能获得AI编程的加持 ,享受到技术平权。

这对大众AI能力的提升非常重要,当前AI作为生产力最好用的地方就是编程,没有之一 。

比如左图是原文案 ,右图是我用V3排版出来后的效果,全程只需要一个提示词就可以自动完成,效率与质量双管齐下 。

从电脑到手机 ,再到现在的智能家居,实现时都需要用上代码,过去编程是少数人的专业技能 ,而现在有了AI,编程就成为了多数人的能力。

AI+编程将重塑我们生活工作的范式。

比如过去我们想要在手机或者电脑上面使用某个功能,最简单的方法就是去市面上找支持这个功能的工具 ,但现在最简单的方法变成了直接用AI编程写一个 。

举个例子 ,去年我一直使用Claude,但官网封号非常严重,基本上一个月要换一个号 ,结果使用时账号里面积累下来的对话资料无法保存下来。

于是我决定用工具将对话资料导出,按照以往的经验肯定是找一个可以导出AI聊天记录的工具,但是那一次我直接用编程工具Cursor写了谷歌浏览器的插件导出了聊天记录。

我们解决问题的方式从寻找工具变成了创造工具 ,我相信未来等AI的能力进一步提升后,结合编程技术,我们的生活将会发生天翻地覆的变化 。

本文第一部分我会分享如何安装编程工具Trae;第二部分会重点分享如何利用Trae+DeepSeek V3在工作和生活中提效 ,比如用HTML代替PPT排版等。

一、如何下载安装Trae?

Trae有国内版和国外版,过去我都是使用国外版的,因为支持Claude这个编程大模型。有了V3 0324之后国内版的编程能力有了质的飞跃 ,所以国内版的能力也得到了极大地提升 。

那么我们要如何安装Trae呢?

第一步:下载安装国内版Trae

先去Trae的官网 https://www.Trae.com.cn 下载,点击红框中的立即下载,然后点击安装 ,跟安装传统软件是一样的。

第二步:初始化软件设置

默认大家是没有编程经验的小白 ,所以导入配置这块可以选择“跳过”,然后点击“安装‘Trae’命令 ”,最后输入手机号码从网页完成账号登录。

登录后页面如下 ,我们需要点击“打开文件夹”设置一个存放编程文件的文件夹,需要注意的是文件夹最好命名为英文或者拼音,点击“信任文件夹并继续” ,点击“是,我信任此作者 ” 。

到这一步,Trae的初步设置就做完了。受限于篇幅 ,其他插件安装等设置在后面的分享里面再加上,如果感兴趣可以先点个关注。

第三步:切换内置模型

选择最新的V3 0324版本,注意不要用上面不带0324的V3 ,效果完全不一样 。

到这一步,我们就用上了DeepSeek编程能力最强的大语言模型了,接下来就是见证奇迹的时刻 。

二 、如何使用AI编程提效?

这一部分 ,我会分享一些日常生活中能用得到的编程能力 ,帮助我们更好地享受AI带来的技术红利。

1. 制作小红书封面

第一个是小红书封面制作,直接用Trae+V3实现小红书封面排版。效果如下:

提示词就是歸藏老师的提示词,没有进行修改 ,如果你想要尝试,直接复制到Trae中基本就能复现图片,提示词如下:

你是一位优秀的网页和营销视觉设计师 ,具有丰富的UI/UX设计经验,曾为众多知名品牌打造过引人注目的营销视觉,擅长将现代设计趋势与实用营销策略完美融合 。

现在需要为我创建一张专业级小红书封面。请使用HTML、CSS和JavaScript代码实现以下要求:  

## 基本要求  

**尺寸与基础结构**  

- 比例严格为3:4(宽:高)  

- 设计一个边框为0的div作为画布 ,确保生成图片无边界  

- 最外面的卡片需要为直角  

- 将我提供的文案提炼为30-40字以内的中文精华内容  

- 文字必须成为视觉主体,占据页面至少70%的空间  

- 运用3-4种不同字号创造层次感,关键词使用最大字号  

- 主标题字号需要比副标题和介绍大三倍以上  

- 主标题提取2-3个关键词 ,使用特殊处理(如描边、高亮 、不同颜色)  

**技术实现**  

- 使用现代CSS技术(如flex/grid布局 、变量、渐变)  

- 确保代码简洁高效,无冗余元素  

- 添加一个不影响设计的保存按钮  

- 使用html2canvas实现一键保存为图片功能  

- 保存的图片应只包含封面设计,不含界面元素  

- 使用Google Fonts或其他CDN加载适合的现代字体  

- 可引用在线图标资源(如Font Awesome)  

**专业排版技巧**  

- 运用设计师常用的"反白空间"技巧创造焦点  

- 文字与装饰元素间保持和谐的比例关系  

- 确保视觉流向清晰 ,引导读者目光移动  

- 使用微妙的阴影或光效增加层次感  

## 用户输入内容  

- 封面文案:[创建一个小红书风格的封面图 ,白色背景,紫色边框。顶部有粉红色标签写着'AI知识点系列 #3' 。中间是三层文字:黑色小字'每天',中等大小黑字'吃透一个'(带浅粉色圆形高亮) ,大号紫色字体'AI知识点'。下方有灰色副标题'Agent智能体:AI领域的自主决策者'。底部有三个卡通动物头像:粉色背景的兔子、黄色背景的猫和蓝色背景的狗 。最下方是进度条,标注'学习进度'和'20%',左侧填充粉色渐变。整体设计简洁 、清晰 ,具有教育类内容的风格。]

2.代替PPT,制作可视化网页

过去我们给文字排版用的基本都是PPT,未来我们可以将文字通过AI自动排版成可视化的网页 ,显示效果远胜PPT 。

开头文章中展示的排版效果就是使用 Trae+V3生成的,效果如下:

提示词依旧是歸藏老师的提示词,基本没有修改。提示词如下:

我会给你一段文字 ,分析内容,并将其转化为美观漂亮的中文可视化网页:

## 内容要求

- 所有页面内容必须为简体中文

- 保持原文件的核心信息,但以更易读、可视化的方式呈现

- 在页面底部添加作者信息区域 ,包含:

  - 作者姓名: []

  - 社交媒体链接: 至少包含Twitter/X:

  - 版权信息和年份

## 设计风格

- 整体风格参考Linear App的简约现代设计

- 使用清晰的视觉层次结构 ,突出重要内容

- 配色方案应专业、和谐,适合长时间阅读

## 技术规范

- 使用HTML5 、TailwindCSS 3.0+(通过CDN引入)和必要的JavaScript

- **使用CDN引入Preline UI组件库,按需使用其组件增强界面效果**

- **根据提供的JSON文件内容(颜色、字体等)配置TailwindCSS的样式Token ,确保设计一致性**

- 实现完整的深色/浅色模式切换功能,默认跟随系统设置

- 代码结构清晰,包含适当注释 ,便于理解和维护

## 响应式设计

- 页面必须在所有设备上(手机、平板 、桌面)完美展示

- 针对不同屏幕尺寸优化布局和字体大小

- 确保移动端有良好的触控体验

## 媒体资源

- 使用文档中的Markdown图片链接(如果有的话)

- 使用文档中的视频嵌入代码(如果有的话)

## 图标与视觉元素

- 使用专业图标库如Font Awesome或Material Icons(通过CDN引入)

- 根据内容主题选择合适的插图或图表展示数据

- 避免使用emoji作为主要图标

## 交互体验

- 添加适当的微交互效果提升用户体验:

  - 按钮悬停时有轻微放大和颜色变化

  - 卡片元素悬停时有精致的阴影和边框效果

  - 页面滚动时有平滑过渡效果

  - 内容区块加载时有优雅的淡入动画

## 性能优化

- 确保页面加载速度快,避免不必要的大型资源

- 图片使用现代格式(WebP)并进行适当压缩

- 实现懒加载技术用于长页面内容

## 输出要求

- 提供完整可运行的单一HTML文件,包含所有必要的CSS和JavaScript

- 确保代码符合W3C标准 ,无错误警告

- 页面在不同浏览器中保持一致的外观和功能

请根据上传文件的内容类型(文档、数据、图片等),创建最适合展示该内容的可视化网页。

在配置TailwindCSS时,请使用提供的JSON文件中的颜色 、字体等配置项来自定义样式Token 。

当然如果你觉得这个方法门槛还是太高的话 ,现在秘塔AI搜索都已经支持直接将搜索内容生成为HTML页面了,非常强大,很适合老师 ,讲师等行业的朋友们作为课件使用分享 ,感兴趣也可以去试试 。

3. 简历排版,个人网站制作

过去我们的简历一般都是用PDF或者word排版,现在有了AI编程之后可以直接用HTML排出来 ,有能力的朋友还可以直接部署到线上。

面试的时候只要直接丢个链接给HR就行了,是不是非常帅气潇洒。除了简历,制作个人网站也是可以的 。

接下来给大家演示一下这功能 ,我先用AI生成一份假简历,然后保存为TXT格式,用的就是上面的提示词 ,只不过需要点一下这个#号键选取简历文件。

最终效果:

4. 制作可视化的动画

除了上面这些,我们还可以用html做一些动画,用于工作或者生活中的演示。

比如下面这个地月交互动画就是我直接用Trae+V3生成的HTML文件 ,提示词很简单:“帮我用html画一个3D的太阳系八大行星互运动的示意动画 。 ”

5. 生成Python代码,处理表格数据

除了上面这个前端的用法,还有一些后端的用法 ,比如使用AI生成Python代码 ,处理表格数据或者爬取网页数据。

下面这个表格是我用AI生成的一个假的销售数据的表格,我需要使用Python将这个图表可视化,这里就可以使用Trae+V3生成代码。

我的提示词:

第一次生成的文件运行失败 ,说是某个Python的库没有安装,我不是开发者,所以对它说的东西一知半解 ,就让AI想办法帮我解决一下,于是AI通过命令行安装了这个库 。

最终生成的代码帮我生成了下面的可视化图表,整体效果让我很满意。

当然沟通的过程非常艰辛 ,Trae在帮我安装这两个库时就失败了好多次,让它来回帮我测试最终才终于安装成功。

安装完所需的库后,结果发现生成的图表不支持中文(见下图) ,来来回回又折腾了很久,怎么改都不能显示中文,实在没办法 ,放弃V3 ,转而使用Claude,最终才解决了中文显示的问题 。

本文讲的是如何使用Trae+DeepSeek V3来编程,使用Claude属实作弊 ,不过没办法咱真的不懂编程实在不知道怎么解决。

当然在某个模型卡住的时候转而使用其他模型往往能解决问题,确实是AI编程中常用的技巧。

只可惜国内能用的模型并不多,用Claude之前我还尝试用了一下字节的doubao pro ,结果好像连问题都没法理解 。

所以,如果有能力的话咱们还是尽量下载支持Claude的海外版Trae吧 。

三、总结

OK,今天关于DeepSeek V3 用法的分享就到这里啦 ,目前来说V3在前端展现出来的能力还是非常强大的,用来编写一些HTML网页绰绰有余。

但缺点也很明显,一方面是多次沟通后 ,会出现卡死或者网页黑屏等问题无法解决;另一方面是后端能力不够强大,代码时常无法正常工作。

不过相信在不久的将来DeepSeek发布了更强大的版本后这些问题一定会迎刃而解,让我们拭目以待 。