腾讯云AI代码助手开发最佳实践：实现一个复制浏览器标签页链接为Markdown的Chrome插件

前言

最近腾讯云AI代码助手上线了满血版的DeepSeek，并推出了有奖活动。看到这个消息的我跃跃欲试，想要借助腾讯云AI代码助手的能力，来做点什么。想到我平常喜欢用Markdown语法来写文章，那么就做一款Markdown相关的Chrome插件吧。一方面想测试下腾讯云AI代码助手是否能够快速实现我想要的功能；另一方面我也确实希望能快速上手Chrome开发，做出一款自己的专属插件。接下来我会分享我是如何用腾讯云AI代码助手，在极短的时间内，完成这款插件开发的。

准备工作

安装腾讯云AI代码助手

首先打开VSCode，搜索腾讯云AI代码助手，第一个结果就是，点击安装。

稍等片刻后，安装完成，显示禁用按钮，代表插件已启用。

登录

点击左侧的图标，进入助手页面。这里不太好辨认，鼠标悬停显示Coding Copilot Chat就是。

点击立即登录，出现弹窗，点击打开，进入浏览器网页登录。

推荐使用微信扫码登录，这样比较方便。

如果你之前注册过企业版本，会有对应的选择，这里可以选择根据实际需要选择。

如果第一次使用，只有个人版，登录成功会调转下面页面。

点击打开IDE继续使用，出现提示后点击打开。

接着回到VSCode窗口，可以看到已经登录成功，这时候可以和腾讯云AI代码助手进行对话了。

切换模型为DeepSeek

在聊天框的右侧，有个选择框，点击可以切换为tencent:deepseek-r1，这个模型也就是我们常说的DeepSeek-R1 671B满血版。

开始开发

功能描述

在开始之前，我们需要对这款插件的功能进行描述，这样腾讯云AI代码助手才知道你想要什么。

这时候我就可以写提示词了，我的描述如下：

我想要开发一款Chrome插件，基于最新版本的Manifest V3进行开发。插件的核心功能是，读取浏览器的标签页的网址链接，并转换成Markdown格式的链接，具体功能如下： 1.点击插件图标，支持下拉菜单，分别对应三个按钮（括号是功能描述）：当前标签页（复制当前标签页链接为Markdown格式）、全部标签页（复制当前标签页链接为Markdown格式，每个链接用换行隔开）、设置 2.每个功能按钮，支持Chrome快捷键配置，默认的快捷键是alt+1，alt + 2。如果是macOS系统，对应的alt就是option。 3.新增日间和夜间模式，默认跟随系统或者浏览器的日渐夜间模式，也可以手动配置日间夜间。 4.每个操作要有反馈，提升交互体验，比方说弹窗消息提示tips（过2秒自动消失），快捷键操作也要有反馈，你可以按照你理解都好的体验来开发。

我把提示词描述发给它，它就开始了思考，思考完毕后，很快给出来具体的解决方案。

可以看到，先是做好了项目结构的创建，然后是项目配置，再就是每个文件的具体内容书写。而右侧也提供了一些操作。由于我这个是空的项目目录，目前不支持自动创建，还需要手动按照这个目录结构来创建。

创建目录和文件

按照上面的目录结构，我依次手动创建了文件夹和文件，并且通过每个步骤的按钮插入到IDE，实现了代码的编写。

我用腾讯元宝做了个图标，如果你也正愁没有图标，可以试试。

在回答的最后，它还给出了Chrome插件本地安装的方法，这点好评！

问题修复

未能成功加载扩展程序

一开始我是写错了manifest.json文件的拼写，错误的写成了mainfest.json。再试一次，还是出现了类似这样的报错。

于是我和腾讯云AI助手进行对话，并且通过#引用功能，引入了有问题的文件。

通过回答得知，Manifest V3版本Alt快捷键在macOS上会自动被映射为option，所以这里可以不用特意配置，删掉mac相关的配置就好了。

问题解决后，重新加载，插件就出来了！

你可以在浏览器右上角的插件按钮中，看到刚刚添加的插件。

为了方便操作，测试按钮功能，可以点击置顶图标按钮，让插件在浏览器地址栏的右侧显示。

最终效果

经过了一系列的对话，我完成了功能的开发，修复了一些问题，最终完成了这款插件的开发！

具体的效果演示图如下：

菜单界面

消息提示

设置

深色模式

结语

通过腾讯云AI助手，可以很轻松的快速实现你的想法。即便你是编程新手，也可以通过自然语言对话的方式，快速完成编码工作。当你遇到不会的问题，也可以问问它，DeepSeek的长思考能力可以快速帮你捋清思路。目前综合体验下来感觉还是可以的，希望后续能够支持更多更强大的功能，比方说自动创建目录、自动执行命令、自动联网搜索、可阅读文档、加载本地知识库等。

期待腾讯云AI助手越来越好，后续我会分享更多开发实战技巧，敬请期待！@腾讯云AI助手