很多新手在用ai开发项目时，遇到了一些问题，这些都是我们来时的路，请不要灰心。接下来我用一个实战项目，讲清楚怎么开始入门。
首先，新手可以用豆包、deepseek等免费的ai，后期可使用trae.
第一步，我们将需求发给豆包，这里我们可以使用超能模式，超能模式我体验下来比一般的要好，尤其是设计的样式和出错的概率都要低一些。以下是我的第一个提示词：
设计一个个人网址导航html，卡片风格。支持新增、修改、排序，支持拖动排序。支持分类，左侧为悬浮分类导航，点击进行滚动定位。支持识别导入浏览器标签。导入后可进行分类管理。
页面风格要与现在流行风格
豆包给我返回了第一版设计：
我们点击体验下，看看功能界面是否正常
我们发现很多操作项直接暴露在外边，对于轻微强迫症来说很是不友好，比如编辑、删除，然后我又给出了优化的提示词：
然后豆包给出了优化后的代码，我们可以直接点击预览查看，或者点击复制代码，复制到艾可秀进行粘贴(后边详细介绍)
通过测试体验，依然存在不少问题，同时我又提了新的要求给AI，让他继续进行调整。
经过不断调试，导航网页已基本完成，这时候我们要考虑这个网页是单独的1个，还是ai生成了多个文件(网页一般由html+css+js构成，ai生成的网页一般都将js和css写到html了，如上边的这个案例)，如果只生成了一个，我们只需要复制代码，然后粘贴到艾可秀，就能完成上传。
点击直接粘贴html代码
将之前复制的代码粘贴到这，输入项目名称直接进行上传。
还有的小伙伴生成的文件是这样的：
比如我让ai，给我生成单独文件的，他首先会给出目录结构，我们按照ai的要求创建目录。
为了方便，我们在桌面创建一个文件夹，取名：项目1 名称无要求
然后再项目1里创建一个名称为css的文件夹、一个js的文件夹，一个assets的文件夹。
根据要求，我们要在根目录里创建index.html，根目录值得就是我们刚才创建的“项目1”
我们可以在项目1里先创建个txt文件，名称随意。
复制AI生成的代码，将代码粘贴到txt中
然后按要求，将txt文件重命名为：index.html
按照同样的方法，将js、css、assets文件夹里创建对应的文件(文件夹名称和文件名称以实际生成为准)
创建完毕后，我们双击打开index.html
我们可以看到，文件已生成，我们在根据实际情况继续提出需求，比如支持编辑、管理。
最后我们选中这些文件，直接拖入到上传窗口。
新手常见的坑：
有些同学没有按照要求，将文件都放到一个文件夹了（AI要求这样放的除外）。
这种因为路径不对，访问失时样式是乱的，如图：
进阶模式：
经过不断的调试，你会发现这个页面越来越慢（卡）了，调试越来越麻烦，是因为输出的内容太长，浏览器挺不住了。
这时，可以用进阶方式了：用桌面程序继续调试，这里我推荐用trae，新手使用国内免费版就好了。
安装好软件打开软件，选择刚才创建的文件夹，针对这个项目继续优化，优化完在浏览器里打开index.html进行测试体验。
最终调整完再上传到托管平台。