需求分析


首先进入规划模式(也可先用提示词增强),输入:“帮我设计一个番茄时钟”,来得到一个项目文档

在这里插入图片描述

项目开发


切换到代码生成模式,如果不需要修改,则输入:"进入code模式“ ,生成代码,并之后调用浏览器打开index.html文件,查看效果。

在这里插入图片描述

由于上述用到了node.js,但是我还未有安装,所以我打算将上述的需求分析放到之后进阶的时候做

在这里插入图片描述

输出结果:

在这里插入图片描述

迭代升级


番茄时钟项目已经完成,但是页面整体视觉效果过于简单,继续输入需求:

页面视觉风格需要做到简洁现代,色彩搭配和谐,留白合理,布局清晰,注重用户友好体验且具有独特的品牌识别度,确保在简约中不失精致感与专业度。

输出结果:

在这里插入图片描述

评价:略有优化
反思:我应该继续(规划模式—>code模式)循环下优化

自我复盘


在vscode出现npm不存在时,ai告知我是我未有安装node.js,并给出我官网安装的路径,我存在疑惑是,这个node.js是不是在vscode插件中——到此,我的思维逻辑链应该是去了解node.js先,在判断怎么做(而我是默认其为vscode的插件)

出现"Shell integration initialization sequence ‘\x1b]633;A’ was not received within 4 seconds. Shell integration has been disabled for this terminal instance."的问题

答: 1.可能是需要应该是让你切换默认终端,应该改为powershell
2.如果还是有问题,新建一个英文项目文件夹再试试看(也有可能是中文项目文件名在终端乱码)
但是:上述两个建议都尝试后,问题仍旧未能解决(不会是我vscode 的某个配置没做到位吧)
进一步解答:power shell 在vscode中未能更新到最新版本:解决方案

示例输出:

在这里插入图片描述

Logo

欢迎加入DeepSeek 技术社区。在这里,你可以找到志同道合的朋友,共同探索AI技术的奥秘。

更多推荐