腾讯云 Craft 黑科技：Nginx 配置秒变可视化！

封面

前言

目前主流的 AI 代码助手都实现了 Build 模式，可以从零起步，操控多个文件去构建一个基础项目。而作为国内的都头部互联网大厂，腾讯云 AI 代码助手也更新了该功能。（VS Code上 插件版本2.22.1）。作为早期用户也是赶紧来体验一番。

实现步骤

本案例正如标题所述，实现一个Nginx 可视化的配置面板。而作为一名后端开发者，对于前端设计、开发并不熟练，所以先根据AI的初版一步一步的引导来做。

单 Craft 模式

引导界面

初版

先给一个提示词试一下：

做一个 Ngnix 配置生成器，使用原生HTML，CSS，JavaScript

初版代码

最后点击全部采纳，先来看看效果

初版效果

基本效果可以，但是布局差点意思，可以设置的项目也没那么丰富。

布局改革，功能升级

这次采用左右布局，尽量一页装下。功能设置区域不需要太宽的位置，那么整体三七分。整理下提示词如下：

采用左右布局，一页装下。左面是代码，右面是功能设计，比例左右7：3。功能设计区分开多个Tab页。

布局改变

这下舒适很多，但仍然有进步空间，比如代码高亮，整体样式现代化一点。总结到以下提示词

给左侧代码增加高亮。整体设计风格现代化一点，比如AIGC，赛博朋克风格。

这里的提示词尽量把每个功能放一句话里面。每一句话成一个任务（Task）。

主题变换后的样式

这里注意到，对话次数多了，上下文长了，就难免开始出现一些Bug。比如右侧功能过长，Tab页失灵等问题，也可以一并交给它。

自动修Bug

知道了目前出现的问题，直接跟他说就好了

出现了BUG，请维护一下：右侧功能集中在一个tab页了，切换不了其他Tab页。

可能一次对话并不会很完美，那就一直让他改。本轮试验也是试了三次。

修改后的效果

到此结束了？

现在我们没有亲自写一行代码完成了这个小工具，整体样式和效果都还算满意。不过现在还属于半自动实现，我们可以让 AI 来生成更完美的设计稿。

混合模式

删除之前生成的文件，在 腾讯云 AI 代码助手里点击加号开启新对话，让我们重新开始思考问题。这次先来到Chat，让我们把上次的良好的设计想法一并带给他。

AI 生成初稿

我想做一个Nginx配置生成器HTML。 采用左右布局，左侧是代码，右侧是功能区，左右七三分。 左侧代码能够高亮。 右侧功能区以不同Tab页分区。 整体主题是现代的AIGC风格，一些色彩渐变，毛玻璃等效果。 给出我设计大纲和思路，不要代码。

对话中，Shift + 回车 是只换行，最后一句话很重要，要约束他的回答格式。

chat模式的DeepSeek初稿

将这些复制给Craft。因为这次是很详细的步骤，所以会生成很长一段时间。一直强调使用HTML也有一点原因：让实现尽可能简单，避免出现无法解决的编译错误。

混合模式一步到位

目前优缺点

• 优点

对于小工具，部分代码片段的实现来说，非常容易上手，可以让你快速试错。

每次对话结束的迭代，都会带有版本升级描述，以及下一步可能需要优化的提示。

• 缺点

没有一键回退。对话次数多了，就开始Hold不住，容易出现错乱，丢失原有的功能等。这是AI的通病，但为了避免出现，加上一键回退到某个节点会好些。

步骤详细的复杂功能，一次会生成半小时以上，会莫名其妙停止，这里的体验不是很好。让他继续也会很快停止。

• 展望

以上缺点官方都知道，也安排在开发进程中。经常使用的朋友就会发现，这款插件的更新频率很快。在官方交流群中，爆料后续还会更新支持 MCP 这样的神器。

总结

虽项目技术难度较低，但全程未实际编写任何代码。通过这次实践，我在国内以零门槛方式亲身体验了当前最前沿的AI辅助研发平台，对AI赋能软件开发有了直观认知。

作为Build理念的进化形态，Craft一词既承载着"精工细作"的编程哲学，又暗合软件开发领域追求极致效率的本质需求。正如其名称所寓，我们的AI代码助手Craft将"代码即艺术"的理念融入每个设计细节——从智能语法纠错到模块化代码生成，无不体现"精简高效"的设计美学。

并且，值得注意的是，"Craft"与全球现象级沙盒游戏《我的世界》（原版英文名MineCraft）形成跨次元呼应。这绝非偶然的命名巧合：Minecraft通过创造性玩法重塑了数字娱乐的边界，而Craft则致力于在代码开发领域缔造类似的革新。期待Craft能像Minecraft一样，凭借其独特的实用价值与人文温度，成为开发者手中的创造性工具，最终在百万级开发者社区中构建起新一代的智能编码生态。