分场景盘点 coding 提效工具:插件、编辑器、文档、图生代码与国内外大模型
生活在 AI 的今天,coding 可选择提效的大模型有很多,用对了事半功倍。下面分场景介绍下目前工作中的提效工具。
| 类别 | 具体内容 |
|---|---|
| 优点 | 1. 代码生成能力强;2. 多语言支持:覆盖 100 多种编程语言;3. IDE 集成完善:支持 VS Code 等主流开发工具,无缝融入开发环境;4. 提高开发效率:减少重复性代码编写,节省时间,提升编码速度 |
| 缺点 | 1. 存在隐私风险;2. 需要翻墙;3. 免费版本效率慢且无法使用 Claude 模型 |
| 类别 | 具体内容 |
|---|---|
| 优点 | 1. 对中文支持更优:针对中文注释、中文语境的理解更精准,符合国内开发者使用习惯;2. 本地化服务:无需翻墙即可使用;3. 提供免费版本:基础功能免费 |
| 缺点 | 1. 训练数据中开源代码占比相对较少,对部分国际主流框架的支持精度略逊;2. 高级功能需订阅付费 |
除此之外,你也可以使用百度等推出的 VS Code 插件,对于问答形式、Agent 模型均较好的支持。
Cursor 是一款专注于 AI 辅助编程的编辑器,优势在于全局上下文和大项目支持。
| 类别 | 具体内容 |
|---|---|
| 优点 | 1. 深度 AI 集成:作为原生 AI 驱动的编辑器,AI 功能与编辑体验深度融合,支持实时代码生成、重构建议和上下文对话式编程,交互流畅度高;2. 上下文理解强:能更好地结合整个项目文件结构和代码上下文生成建议;3. 多模型支持 |
| 缺点 | 1. 需要付费且需要翻墙;2. 非付费效率会排队较慢 |
DeepWiki 是由 Cognition Labs 基于其产品 Devin 开发的一款 AI 驱动的 GitHub 源码阅读与分析工具,旨在帮助开发者更高效地阅读、理解和分析 GitHub 上的源码。
使用方式如下:直接找到 GitHub 地址,比如 https://github.com/vuejs/vue,直接将 github 替换为 deepwiki,比如 https://deepwiki.com/vuejs/vue 即可生成文档,可以当作一个 RAG 进行提问,对于你了解项目或者深入细节有很大提速。
v0.app 是 Vercel 推出的一款 AI 驱动的低代码开发工具,核心是通过自然语言 prompt 快速生成可直接使用的网页界面,无需手动编写代码。
尝试了很多图片转代码的工具,v0 的效果是不错的,尤其是对于 tailwindcss 和 react 的代码生成。作者常用的 prompt 如下:
你是前端开发工程师,你擅长于 react 技术栈,且很擅长 tailwindcss 原子化css,
请基于我给你的图片,生成前端代码